一、函数的作用
可以写一次代码,然后反复地重用这个代码。
例子::我们要完成多组数和的功能,可以用以下函数实现。
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。
请发表评论