1.定义函数
1 function functionName(parameter1, parameter2, ... ) { 2 statements 3 }
functionName - 函数名,是调用函数时引用的名称;
parameter - 参数,是调用函数时接收传入数值的变量名;
statements - 是函数的执行语句,当函数被调用时执行。
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>使用函数</title> 5 </head> 6 <body> 7 <script type="text/javascript"> 8 function Hello() { 9 document.write("hello,"); 10 } 11 function Message(message) { 12 document.write(message); 13 } 14 Hello(); 15 Message("javascript!"); 16 </script> 17 </body> 18 </html>
结果如图所示:
2.函数的参数
无论函数如何定义,都可以用arguments数组来访问调用函数时所用的参数。每次调用函数时,JavaScript都会自动生成arguments数组。
以下示例显示JavaScript函数如何使用arguments数组给函数传递参数。
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>使用arguments数组</title> 5 </head> 6 <body> 7 <script type="text/javascript"> 8 function displayArguments() { 9 document.write("此函数使用了以下参数:<br>") 10 for (i = 0; i < arguments.length; i++) { 11 document.write(i+"="+arguments[i]+"<br>") 12 } 13 } 14 displayArguments(21,"cat",-2000,"tiger","great"); 15 </script> 16 </body> 17 </html>
结果如下图所示:
3.函数的返回值
如果需要函数返回值,可以使用return语句,需要返回的值应放在return之后。如果return后没有指明数值或者没有使用return语句,则函数返回值为不确定值。
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>函数的返回值</title> 5 </head> 6 <body> 7 <script type="text/javascript"> 8 function add(a,b) { 9 return a+b; 10 } 11 document.write("3 + 5 =" +add(3,5)); 12 </script> 13 </body> 14 </html>
结果如图所示: