(转载)JavaScript中匿名函数，函数直接量和闭包

标题：JavaScript中匿名函数、函数直接量和闭包的完整攻略

1. 匿名函数

匿名函数是指没有名字的函数。在JavaScript中，可以通过以下两种方式来定义匿名函数：

1.1 函数表达式

函数表达式是指将一个匿名函数赋值给一个变量，变量名就成了这个匿名函数的名字。示例代码如下：

var add = function(x, y) {
  return x + y;
};
console.log(add(1,2)); // 输出：3

上述代码中，使用了函数表达式来定义了一个名为add的匿名函数。函数表达式可以用来创建闭包、构造器、回调函数等。

1.2 立即调用的函数表达式（IIFE）

立即调用的函数表达式是指在定义时就立即调用函数执行，并且不会给函数赋予名称，因此也是匿名函数的一种形式。示例代码如下：

(function(x, y) {
  console.log(x + y);
})(1, 2); // 输出：3

上述代码中，使用立即调用的函数表达式来定义了一个匿名函数并立即调用，输出了结果。

2. 函数直接量

函数直接量是指使用函数关键字function定义函数的语句。可以通过以下两种方式来定义函数直接量：

2.1 命名函数

命名函数是指使用关键字function定义函数时，给函数命名的函数形式。示例代码如下：

function add(x, y) {
  return x + y;
}
console.log(add(1,2)); // 输出：3

上述代码中，使用命名函数形式定义了一个名为add的函数，调用add函数输出了结果。

2.2 匿名函数

此处和上面讲到的匿名函数有所不同，函数直接量中的匿名函数是指使用关键字function定义函数时，未给函数命名的函数形式。示例代码如下：

var add = function(x, y) {
  return x + y;
};
console.log(add(1,2)); // 输出：3

上述代码中，使用函数直接量中的匿名函数定义了一个名为add的函数，和函数表达式的形式一致。

3. 闭包

闭包是指可以访问另一个函数作用域中变量的函数。在JavaScript中，定义闭包的方式有很多，其中最常见的形式是使用匿名函数。示例代码如下：

function outerFunction() {
    var message = 'Hello, Closure';
    function innerFunction() {
        console.log(message);
    }
    return innerFunction;
}
var closure = outerFunction();
closure(); // 输出：Hello, Closure

上述代码中，定义了一个outerFunction函数，其中定义了一个message变量和一个innerFunction函数，函数innerFunction访问了变量message，成为了闭包。之后执行outerFunction函数，将其返回值innerFunction函数赋值给变量closure，最后调用closure函数，输出了结果。

为了能够更好地理解闭包的概念，以上是一个简单的闭包示例，实际应用中的闭包与定时器、事件处理器等结合使用可以实现更多复杂的功能。

总结

JavaScript中匿名函数、函数直接量和闭包是一些基础但非常重要的概念，用于解决不同的问题、提升代码的复用性和可维护性。需要程序员们一定要掌握这些概念，应用到实际业务开发中。

阅读剩余 47%