Web开发之JS函数

    xiaoxiao2021-03-25  105

    本文根据慕课网教程整理: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。

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

    转载请注明原文地址: https://ju.6miu.com/read-19747.html

    最新回复(0)