jav的aScript函数.ppt

ChinaSoft International 中软国际 javaScript函数 * 什么是函数 函数就是封装好的一段代码。 函数的作用，可以写一次代码，然后反复地重用这个代码。这就是代码 重用。 比如：这是一段求0-100内所有数的和的代码。 var sum = 0； for(var i=0;i=100;i++){ sum += i; } 但是如果在程序中需要多次求和，那么这段代码需要重复书写多次。 因此，我们可以将这段代码封装到一个函数中，需要时调用即可。 */48 * 声明函数 声明函数语法： function 函数名( ){ //函数体; } function：定义函数的关键字。 “函数名”：自定义的一个名字。 “函数体”：要封装的代码，它可以完成某个特定的功能。 */48 * 函数的调用-1 function add( ){ var num1 = 10; var num2 = 20; sum = num1 + num2; document.write(sum); } 函数定义好后，是不能自动执行的，需要调用它。 调用函数有两种形式： 1、如果在script ... /script中调用，那么直接在需要的位置写 函数名即可调用。 script //调用函数 add(); /script */48 * 函数的调用-2 2、如果在HTML文件中调用，如通过点击按钮或超链接调用定义好的函数。 按钮调用： form input type=button value=点击 onclick=add() /form 超链接调用： a href=javascript:add()调用函数/a */48 按钮的点击事件 javascript：是关键词，后面接函数名 * 带参数的函数 上述例子中，函数内部的数据都是定义好的，这样做功能受到极大的限制。 比如：下面这个函数只能计算10和20的和。 function add( ){ var num1 = 10; var num2 = 20; sum = num1 + num2; document.write(sum); } 如何让这个函数能够计算任意两个数的和呢？我们需要带参数的函数。 语法： function 函数名(参数1，参数2，... ... ){ //函数体; } 注意: 参数名是自定义的，参数可以有多个，根据需要增减参数个数。 参数之间用(逗号)，隔开。 */48 * 带参数的函数的调用 function add( ){ var num1 = 10; var num2 = 20; sum = num1 + num2; document.write(sum); } */48 function add(num1,num2){ sum = num1 + num2; document.write(sum); } 声明参数时取的名字叫num1，那么在函数体内就要用num1这个参数名 在调用带参数的函数时，一定要给参数传值。有几个参数，就要传几个值。 参数和值之间按照顺序一一对应。参数可以使任何数据类型 add(2,3); 注意：函数声明时，小括号内写的是参数名。 函数调用时，小括号内写的是给参数传的值。 * 带返回值的函数 在前面的函数中，都是通过document.write把结果直接输出来，但是如果想对函数的 结果进行进一步处理怎么办呢？也就是说，我们想取得函数运行后的结果。 我们只要把document.write(sum)这行改成如下代码： function add(num1,num2){ sum = num1 + num2; return sum; //返回函数运行后的结果值,return是关键词，后面的值叫做返回值。 } 这个函数就有了返回值。既然有了返回值，我们就可以接收这个返回值。 var result = add(10,20); 注意: 1、函数的返回值可以是任何数据类型。? 2、函数体内必须有return语句，函数才有返回值。 3、调用函数时，返回值可以接收返回值，也可以不接收返回值。 */48 * 练习 函数练习： 1、做一个函数，实现两个数的和。 2、做一个函数，输出圆的面积。 3、做一个函数，函数的功能是计算一个数的几次幂。 4、做一个函数，实现两个字符串的连接。 5、做一个函数，实现传入两个整数后返回较大