加载中...

第七章 函数表达式

本章内容

  • 函数表达式的特征
  • 使用函数实现递归
  • 使用闭包定义私有变量

数表达式是JavaScript 中的一个既强大又容易令人困惑的特性。第5 章曾介绍过，定义函数的方式有两种：一种是函数声明，另一种就是函数表达式。函数声明的语法是这样的。 

  1. function functionName(arg0, arg1, arg2) {
  2.     //函数体
  3. }

首先是function 关键字，然后是函数的名字，这就是指定函数名的方式。Firefox、Safari、Chrome和Opera 都给函数定义了一个非标准的name 属性，通过这个属性可以访问到给函数指定的名字。这个属性的值永远等于跟在function 关键字后面的标识符。 

  1. //只在Firefox、Safari、Chrome 和Opera 有效
  2. alert(functionName.name); //"functionName"
运行一下

关于函数声明，它的一个重要特征就是函数声明提升（function declaration hoisting），意思是在执行代码之前会先读取函数声明。这就意味着可以把函数声明放在调用它的语句后面。 

  1. sayHi();
  2. function sayHi(){
  3.     alert("Hi!");
  4. }
运行一下

这个例子不会抛出错误，因为在代码执行之前会先读取函数声明。

第二种创建函数的方式是使用函数表达式。函数表达式有几种不同的语法形式。下面是最常见的一种形式。 

  1. var functionName = function(arg0, arg1, arg2){
  2.     //函数体
  3. };

这种形式看起来好像是常规的变量赋值语句，即创建一个函数并将它赋值给变量functionName。

这种情况下创建的函数叫做匿名函数（anonymous function），因为function 关键字后面没有标识符。

（匿名函数有时候也叫拉姆达函数。）匿名函数的name 属性是空字符串。

函数表达式与其他表达式一样，在使用前必须先赋值。以下代码会导致错误。 

  1. sayHi(); //错误：函数还不存在
  2. var sayHi = function(){
  3. alert("Hi!");
  4. };

理解函数提升的关键，就是理解函数声明与函数表达式之间的区别。例如，执行以下代码的结果可能会让人意想不到。 

  1. //不要这样做！
  2. if (condition) {
  3. 	function sayHi() {
  4. 		alert("Hi!");
  5. 	}
  6. } else {
  7. 	function sayHi() {
  8. 		alert("Yo!");
  9. 	}
  10. }
运行一下

表面上看，以上代码表示在condition 为true 时，使用一个sayHi()的定义；否则，就使用另一个定义。实际上，这在ECMAScript 中属于无效语法，JavaScript 引擎会尝试修正错误，将其转换为合理的状态。但问题是浏览器尝试修正错误的做法并不一致。大多数浏览器会返回第二个声明，忽略condition；Firefox 会在condition 为true 时返回第一个声明。因此这种使用方式很危险，不应该出现在你的代码中。不过，如果是使用函数表达式，那就没有什么问题了。 

  1. //可以这样做
  2. var sayHi;
  3. if (condition) {
  4. 	sayHi = function() {
  5. 		alert("Hi!");
  6. 	};
  7. } else {
  8. 	sayHi = function() {
  9. 		alert("Yo!");
  10. 	};
  11. }

这个例子不会有什么意外，不同的函数会根据condition 被赋值给sayHi。

能够创建函数再赋值给变量，也就能够把函数作为其他函数的值返回。还记得第5 章中的那个createComparisonFunction()函数吗： 

  1. function createComparisonFunction(propertyName) {
  2. 	return function(object1, object2) {
  3. 		var value1 = object1[propertyName];
  4. 		var value2 = object2[propertyName];
  5. 		if (value1 < value2) {
  6. 			return - 1;
  7. 		} else if (value1 > value2) {
  8. 			return 1;
  9. 		} else {
  10. 			return 0;
  11. 		}
  12. 	};
  13. }
createComparisonFunction()就返回了一个匿名函数。返回的函数可能会被赋值给一个变量，或者以其他方式被调用；不过，在createComparisonFunction()函数内部，它是匿名的。在把函数当成值来使用的情况下，都可以使用匿名函数。不过，这并不是匿名函数唯一的用途。
还没有评论.