JavaScript函数

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>

结果如图所示：