第5章JavaScript1：函数.ppt

Web编程基础 Chapter5-JavaScript：函数 提 纲 5.1 声明式的函数 5.1 声明式的函数 5.1 声明式的函数 5.1 声明式的函数 课堂练习 课堂练习 5.1 声明式的函数 5.1 声明式的函数 5.1 声明式的函数 5.1 声明式的函数 5.1 声明式的函数 课堂练习 5.2 匿名函数 5.2 匿名函数 5.2 匿名函数 5.3 函数字面量 5.3 函数字面量 5.4 函数作用域 Scoping.html(2 of 3) 课堂练习 小 结 本章主要讲述了JavaScript中的程序模块，三种函数定义，作用域规则及递归。 5.5 递归 用函数字面量方法编写n！的脚本。 * 声明式的函数 匿名函数 函数字面量 函数作用域 递归 * 功能1 程序1 …… …… 程序2 功能1 功能1 函数 图示： JavaScript中的程序模块 Examples: total += parseFloat( inputValue ); total += parseInt( s1 ); ?JavaScript中的程序模块 函数如何工作 函数调用 指定函数名，并提供被调用函数中的参数。 格式：函数名(参数列表 ) 函数定义的格式： function 函数名(参数列表 ) { 声明和语句 } 函数名：可以是任何有效的标识符 function sayHi(toWhom){ alert(“Hi” + toWhom); } sayHi(“World!”); 调用 square 函数，传递值 x 把变量 x 的值传递给变量 y. 把 y * y 返回给调用函数 ?xml version = 1.0? !DOCTYPE html PUBliC -//W3C//DTD XHTML 1.1//EN /TR/xhtml11/DTD/xhtml11.dtd html xmlns = /1999/xhtml head title不带参数的函数/title script type = text/javascript function myfunction() { window.alert(您好！); } /script /head body form input type=button onclick=myfunction() value=调用函数 /form p通过点击这个按钮，可以调用一个函数。该函数会提示一条消息。/p /body /html 函数的执行过程： 函数入口点：调用函数的语句 函数名（参数列表） 函数结束点： ●函数体的右括号“}” ●return； ●return 表达式； 注意：return 表达式； 将表达式的值返回给调用该函数的程序。 函数调用与函数定义中的参数要求： 参数的个数要一致 参数的顺序要一致 函数调用过程中参数的传递 按照参数的顺序依次赋值 用户通过prompt对话框输入三个数 调用 maximum函数，传递变量 value1, value2 and value3的值。 变量 x, y 和 z 得到变量 value1, value2 and value3的值 Max方法返回两数中的较大者。 课堂练习 使用函数cube计算从1到10的整数的立方和。 ?xml version = 1.0? !DOCTYPE html PUBliC -//W3C//DTD XHTML 1.1//EN /TR/xhtml11/DTD/xhtml11.dtd html xmlns = /1999/xhtml head title带参数的函数/title script type = text/javascript for(var x = 1 ; x = 10 ; x++) { document.writeln(x + 的立方等于 + cube(x)+ br /); } function cube(y) { return y*y*y; } /script /head body /