JavaScript 定义和调用函数(附示例)
JavaScript中的函数是什么?
函数在任何编程语言中都非常重要且有用,因为它们可以使代码可重用。函数是代码块,仅在被调用时执行。如果你有几行代码需要重复使用,可以创建一个包含重复代码行的函数,然后在需要的地方调用它。
如何在JavaScript中创建函数
- 在函数名称前加上关键字 function。
- 在函数名称后,添加一对圆括号。
- 在括号后,添加一对花括号。
- 在花括号内,编写你的代码行。
语法
function functionname() { lines of code to be executed }
自己尝试一下
<html> <head> <title>Functions!!!</title> <script type="text/javascript"> function myFunction() { document.write("This is a simple function.<br />"); } myFunction(); </script> </head> <body> </body> </html>
带参数的函数
你也可以创建带参数的函数。参数应在括号内指定
语法
function functionname(arg1, arg2) { lines of code to be executed }
自己尝试一下
<html> <head> <script type="text/javascript"> var count = 0; function countVowels(name) { for (var i=0;i<name.length;i++) { if(name[i] == "a" || name[i] == "e" || name[i] == "i" || name[i] == "o" || name[i] == "u") count = count + 1; } document.write("Hello " + name + "!!! Your name has " + count + " vowels."); } var myName = prompt("Please enter your name"); countVowels(myName); </script> </head> <body> </body> </html>
JavaScript返回值
你还可以创建返回值的JavaScript函数。在函数内部,你需要使用关键字 return,后跟要返回的值。
语法
function functionname(arg1, arg2) { lines of code to be executed return val1; }
自己尝试一下
<html> <head> <script type="text/javascript"> function returnSum(first, second) { var sum = first + second; return sum; } var firstNo = 78; var secondNo = 22; document.write(firstNo + " + " + secondNo + " = " + returnSum(firstNo,secondNo)); </script> </head> <body> </body> </html>