函数——小程序，大作用

一、函数的作用

    可以写一次代码，然后反复地重用这个代码。

    例子：:我们要完成多组数和的功能，可以用以下函数实现。

1 function add2(a,b){
2 sum = a + b;
3  alert(sum);
4 } //  只需写一次就可以
5 
6 add2(3,2);
7 add2(7,8);
8 ....  //只需调用函数就可以

二、定义函数

    格式：

function  函数名( )
{
     函数体;
}

　　function定义函数的关键字，“函数名”你为函数取的名字，“函数体”替换为完成特定功能的代码。

    例子：完成对两个数求和并显示结果的功能。

1 <script type="text/javascript">
2   function add2(){
3     sum = 3 + 2;
4     alert(sum);
5   }
6   ​add2();
7 </script>

三、函数调用

    函数定义了之后不能直接使用，而是需要调用 ，在需要的地方直接调用函数既可。

    方法一：在<script>标签内调用

           如：

1 <script type="text/javascript">
2     function add2()
3     {
4          sum = 1 + 1;
5          alert(sum);
6     }
7   add2();//调用函数，直接写函数名。
8 </SCRIPT>

    方法二：在HTML文件中调用，如通过点击按钮后调用定义好的函数。

          如：

 1 <html>
 2 <head>
 3 <script type="text/javascript">
 4    function add2()
 5    {
 6          sum = 5 + 6;
 7          alert(sum);
 8    }
 9 </script>
10 </head>
11 <body>
12 <form>
13 <input type="button" value="click it" onclick="add2()">  //按钮,onclick点击事件，直接写函数名
14 </form>
15 </body>
16 </html>

四、有参数的函数

    格式：

function 函数名(参数1,参数2,...参数N)
{
     函数代码
}

　 注意：参数可以有多个，参数之间用","隔开。

   例子：指定有任意参数之和，代码如下 

1 function add2(x,y)
2 {
3    sum = x + y;
4    document.write(sum);
5 }

五、返回函数的值

    格式：

1 function add2(x,y)
2 {
3    sum = x + y;
4    return sum; //返回函数值,return后面的值叫做返回值。
5 }

    还可以通过变量存储调用函数的返回值，如：

1 result = add2(3,4);//语句执行后,result变量中的值为7。

 

posted @ 2016-03-31 16:42  气死丘比特  阅读(478)  评论(0)    收藏  举报