本文共 2703 字,大约阅读时间需要 9 分钟。
1.ECMAScript 函数概述
(1)什么是函数? 函数是一组可以随时随地运行的语句。 函数是 ECMAScript 的核心。 函数是由这样的方式进行声明的:关键字 function、函数名、一组参数,以及置于括号中的待执行代码。 函数的基本语法是这样的: function functionName(arg0, arg1, ... argN) { statements return result;/return; } (2)如何调用函数? 函数可以通过其名字加上括号中的参数进行调用,如果有多个参数。 (3)函数如何返回值? 即使函数确实有值,也不必明确地声明它。该函数只需要使用 return 运算符后跟要返回的值即可。 注释:如果函数无明确的返回值,或调用了没有参数的 return 语句,那么它真正返回的值是 undefined。 2.ECMAScript arguments 对象 (1)arguments 对象 在函数代码中,使用特殊对象 arguments,开发者无需明确指出参数名,就能访问它们。 例如,在函数 sayHi() 中,第一个参数是 message。用 arguments[0] 也可以访问这个值,即第一个参数的值(第一个参数位于位置 0,第二个参数位于位置 1,依此类推)。 因此,无需明确命名参数,就可以重写函数: function sayHi() { if (arguments[0] == "bye") { return; } alert(arguments[0]); } (2)检测参数个数 还可以用 arguments 对象检测函数的参数个数,引用属性 arguments.length 即可。 (3)模拟函数重载 用 arguments 对象判断传递给函数的参数个数,即可模拟函数重载: function doAdd() { if(arguments.length == 1) { alert(arguments[0] + 5); } else if(arguments.length == 2) { alert(arguments[0] + arguments[1]); } } doAdd(10); //输出 "15" doAdd(40, 20); //输出 "60" 3.ECMAScript Function 对象(类) (1)ECMAScript 的函数实际上是功能完整的对象。 用 Function 类直接创建函数的语法如下: var function_name = new function(arg1, arg2, ..., argN, function_body) 在上面的形式中,每个 arg 都是一个参数,最后一个参数是函数主体(要执行的代码)。这些参数必须是字符串。 虽然由于字符串的关系,这种形式写起来有些困难,但有助于理解函数只不过是一种引用类型,它们的行为与用 Function 类明确创建的函数行为是相同的。 请看下面这个例子: function doAdd(iNum) { alert(iNum + 20); } function doAdd(iNum) { alert(iNum + 10); } doAdd(10); //输出 "20" 第二个函数重载了第一个函数,使 doAdd(10) 输出了 "20",而不是 "30"。 如果以下面的形式重写该代码块,这个概念就清楚了: var doAdd = new Function("iNum", "alert(iNum + 20)"); var doAdd = new Function("iNum", "alert(iNum + 10)"); doAdd(10); 很显然,doAdd 的值被改成了指向不同对象的指针。函数名只是指向函数对象的引用值,行为就像其他对象一样。 (2)Function 对象的 length 属性 函数属于引用类型,所以它们也有属性和方法。ECMAScript 定义的属性 length 声明了函数期望的参数个数。 function doAdd(iNum) { alert(iNum + 10); } function sayHi() { alert("Hi"); } alert(doAdd.length); //输出 "1" alert(sayHi.length); //输出 "0" 无论定义了几个参数,ECMAScript 可以接受任意多个参数(最多 25 个)。 属性 length 只是为查看默认情况下预期的参数个数提供了一种简便方式。 (3)Function 对象的方法 Function 对象也有与所有对象共享的 valueOf() 方法和 toString() 方法。 这两个方法返回的都是函数的源代码,在调试时尤其有用。 4.ECMAScript 闭包(closure) ECMAScript 最易让人误解的一点是,它支持闭包(closure)。 闭包,指的是词法表示包括不被计算的变量的函数,也就是说,函数可以使用函数之外定义的变量。 (1)简单的闭包实例 在 ECMAScript 中使用全局变量是一个简单的闭包实例。请思考下面这段代码: var sMessage = "hello world"; function sayHelloWorld() { alert(sMessage); } sayHelloWorld(); (2)复杂的闭包实例 在一个函数中定义另一个会使闭包变得更加复杂。例如: var iBaseNum = 10; function addNum(iNum1, iNum2) { function doAdd() { return iNum1 + iNum2 + iBaseNum; } return doAdd(); } 函数 addNum() 包括函数 doAdd() (闭包)。 内部函数是一个闭包,因为它将获取外部函数的参数 iNum1 和 iNum2 以及全局变量 iBaseNum 的值。 addNum() 的最后一步调用了 doAdd(),把两个参数和全局变量相加,并返回它们的和。 这里要掌握的重要概念是,doAdd() 函数根本不接受参数,它使用的值是从执行环境中获取的。 提示:就像使用任何高级函数一样,使用闭包要小心,因为它们可能会变得非常复杂。
(3)初始化用闭包
导入文件,就会被执行。一般用于初始化 (function() { alert("do..."); })();转载地址:http://zlyci.baihongyu.com/