Web开发之JS函数

来源：互联网发布：免费谈恋爱软件编辑：程序博客网时间：2024/05/17 07:52

本文根据慕课网教程整理：http://www.imooc.com/code/347
好水的一节

函数的作用，可以写一次代码，然后反复地重用这个代码，示例：

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

定义函数

格式：

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

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

函数调用

第一种情况:在<script>标签内调用。

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

第二种情况:在HTML文件中调用，如通过点击按钮后调用定义好的函数。

<html><head><script type="text/javascript">   function add2()   {      sum = 5 + 6;      alert(sum);   }</script></head><body><form><input type="button" value="click it" onclick="add2()">  //按钮,onclick点击事件，直接写函数名</form></body></html>

函数参数

格式：

function 函数名(参数1,参数2...) //定义若干个形参{     函数代码}

注意:参数可以多个，根据需要增减参数个数。参数之间用逗号，隔开。

函数的返回值

格式：

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

可以通过变量存储调用函数的返回值，代码如下:

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

注意:函数中参数和返回值不只是数字，还可以是字符串等其它类型。

0 0