JavaScript 函数

 

 

  在接下来的时间里面,我们准备为大家介绍“函数”。


  (1)函数——将需要重复使用的代码封装在一起,然后,在任意地方,任意时候去调用它。

 

     函数的一般语法格式

        

     function 函数(参数表)

     {

       函数的主体部分

       return 返回值;

     }

 

 语法格式分析:

  (1)以 function 关键字开始。

  (2)函数名,按变量命名规则定义即可。

  (3)参数部分,以“逗号”分隔每个参数。

  (4)一对大括号,代表函数主体的起始与结束边界。

  (5)函数的主体部分,就是需要重复使用的代码。

  (6)return 关键字的作用是把返回值,从函数中返回给其它代码去使用,

     但是,这个部分不是必要,如果,你所定义的函数不需要返回值给其它代码使用,

     那么,就不需要通过return关键字来返回任何值了。

           

 

 

   例子1:

 

   function test ( i , j )

   {

      var c = i+j;

      retrun c;

   }

 

 

  例子分析: 

  (1)定义了一个函数,名字是test

 

  (2)参数部分有两个参数,分别是 i 与 j

    

  (3)函数体中的代码首先使用参数 i 与 j 进行加法运算,并将结果保存到变量 c 中

 

  (4)通过关键字 return 返回变量 c ,这样,调用 test 函数的代码就可以获取到 c 中的值

 

  通过这个例子,大家就可以看到 c=i+j 这行代码,就可以通过函数 test 在程序中调用,而不用重复去编写

c = i + j 这行代码了。

 

 

 

 

  接下来,我们准备为大家介绍"函数的调用",因为,函数在定义以后,要去调用它才能发挥它的作用。

 

  函数调用的语法格式

    函数名(参数1,参数2,...参数n);

 

  语法格式分析

  (1)已定义的函数名,否则,会报错。

  (2)按照函数定义的数量进行参数传递,每个参数之间用逗号分隔。

 

   例子1:

 

   function test ( i , j ) //定义了函数test,就是上面的例子

   {

      var c = i+j;

      retrun c;

   }

 

   var count = test( 4 , 5 ) ; #调用函数test ,调用时传递参数4和5,然后,函数test接收

                了参数4和5,所以,参数 i 中的值等于4参数 j 中的值等于5

                然后,函数执行 i + j ,即4+5,结果等于9,

                接着,将结果赋值给变量c,

                最后,通过 return 返回 c 中的值,并赋值给变量count。

 

                所以,在函数test调用完毕以后,count中的值就等于9。

 

  count = test( 10,99 );     #再次调用函数test,并传递10与99作为参数,

                所以,在函数test调用完毕以后,c 中的值为109。

 

  从上面的例子,我们可以看,在不需要重复编写c = i + j 与 return c 这两行代码的情况下,

而只需要调用函数test 并传递不同的参数,就可以计算出两个数值相加的结果,这就是函数的作用。

 

 

 

  非常好,现在,我们已经掌握了JavaScript中的“函数”,但是,如何去运行用它呢?所以,我们就要通过下方的按钮进入到游戏中,然后,运用它去完成任务,这样,才可以加深大家对每个知识点的理解和运用,以及“尽快进入到编程的状态”

 

  不要停留在理论规则上面,快动起来吧!

 

(通过游戏模式学习与训练,需要在电脑上运行)

进入游戏学习与训练