网页设计与制作教程Web前端开发（第7版）课件：JavaScript语法基础-函数.pptx

函数（function）是指实现某项单一功能的，可重复使用的程序段。JavaScript语法基础函数

目录JavaScript程序设计基础7.1JavaScript概述7.2在HTML文档中使用JavaScript7.3数据类型7.4标识符、变量和常量7.5运算符和表达式7.6流程控制7.7函数7.8正则表达式习题7

7.7函数7.7.1函数的声明1.声明函数(Functiondeclaration)语法格式如下：function函数名(参数1,参数2,…){函数体语句块;return返回值;}

7.7函数【例7-20】声明两个数的乘法函数multiple。本例文件7-20.html。scripttype=text/javascriptfunctionmultiple(number1,number2){varresult=number1*number2;returnresult;//函数有返回值}varresult=multiple(20,30);//调用有返回值的函数document.write(result);//显示：600document.write(br);document.write(multiple(2,3));//调用函数，显示：6/script

7.7函数2.声明函数表达式（FunctionExpression）（1）把函数表达式直接赋值给变量格式如下：var变量名=function(参数1,参数2,…){//函数体语句块;return返回值;}

7.7函数【例7-21】声明函数表达式示例。本例文件7-21.html。scripttype=text/javascriptvarmultiple=function(number1,number2){varresult=number1*number2;returnresult;//函数有返回值}varresult=multiple(20,30);//调用有返回值的函数document.write(result);//显示：600document.write(br);//换行document.write(multiple(2,3));//调用函数，显示：6/script

7.7函数（2）网页事件直接调用函数表达式格式为：window.onload=function(参数1,参数2,…){//函数体语句块;return返回值;}

7.7函数（3）自执行函数如果表达式后面紧跟()，则会自动调用执行。【例7-22】自执行函数示例。本例文件7-22.html在浏览器中显示如图7-23所示。scripttype=text/javascript(function(){varx=Hello!!;document.write(x+br);})();//自调用无参函数，将调用自己，自动执行(function(x,y){document.write(x+y+br);})(2,3);//自调用有参函数varsum=(function(x,y){returnx+y;})(5,6);//自调用有参函数带返回值document.write(sum);/script

7.7函数7.7.2函数的调用1.直接调用函数用下面的格式调用定义的函数：函数名(传递给函数的参数1,传递给函数的参数2,…);调用函数时的参数取决于声明该函数时的参数，如果定义时有参数，就需要增加实参。

7.7函数【例7-23】直接调用函数示例。本例文件7-23.html在浏览器中显示如图7-24所示。scripttype=text/javascriptfunctionhello(name){alert(Hello+name+!);}varhi=prompt(输入名字：)hello(hi);//调用函数/script

7.7函数2.在表达式中调用函数变量名=函数名(传递给函数的参数1,传递给函数的参数2,…);例如，result=multiple(10,20);。对于