优雅而高效——立即执行函数表达式()()；

😆博主：小猫娃来啦
😆文章核心：优雅而高效——立即执行函数表达式()();

前言

在 JavaScript 中，立即执行函数表达式（Immediately Invoked Function Expression，简称IIFE）是一种常见的函数调用方式。它允许我们在定义函数后立即执行该函数，并且不会污染全局命名空间。本文将介绍立即执行函数表达式的定义、特点和应用场景，并通过示例代码演示其用法。

---

立即执行函数表达式的定义和特点

立即执行函数表达式是一种在定义后立即执行的函数调用方式。它的特点是函数定义后紧跟一对括号，并且可以传递参数。

立即执行函数表达式的特点包括：

• 函数定义后立即执行，无需显式调用。
• 函数内部的变量和函数在执行后会立即销毁，不会对外部产生影响。
• 可以传递参数，实现更灵活的调用方式。

---

立即执行函数表达式的应用场景

立即执行函数表达式在实际开发中有多种应用场景，以下是其中几个常见的应用场景：

封装私有变量和方法

立即执行函数表达式可以用于封装私有变量和方法，避免全局命名空间的污染。通过将变量和方法定义在立即执行函数内部，可以确保它们只在函数内部可见，外部无法访问。

示例代码：

(function() {
  var privateVariable = "私有变量";

  function privateMethod() {
    console.log("私有方法");
  }

  // 在函数内部使用私有变量和方法
  console.log(privateVariable);
  privateMethod();
})();

// 在函数外部无法访问私有变量和方法
console.log(privateVariable); // 报错：privateVariable is not defined
privateMethod(); // 报错：privateMethod is not defined

在上面的示例中，我们使用立即执行函数表达式封装了私有变量 privateVariable 和私有方法 privateMethod。这样，它们只在函数内部可见，外部无法访问。

避免全局变量污染

立即执行函数表达式可以避免全局变量的污染。通过将代码放在立即执行函数内部，可以将变量和函数的作用域限制在函数内部，不会对外部的全局命名空间产生影响。

示例代码：

(function() {
  var name = "加菲猫";

  console.log("Hello, " + name + "!");
})();

console.log(name); // 报错：name is not defined

在上面的示例中，我们使用立即执行函数表达式将变量 name 的作用域限制在函数内部。在函数外部无法访问该变量，从而避免了全局变量的污染。

模块化开发

立即执行函数表达式可以用于实现模块化开发。通过在立即执行函数内部定义私有变量和方法，并将需要对外暴露的变量和方法返回，可以实现模块化的封装和使用。

示例代码：

var module = (function() {
  var privateVariable = "私有变量";

  function privateMethod() {
    console.log("私有方法");
  }

  // 对外暴露的变量和方法
  return {
    publicVariable: "公共变量",
    publicMethod: function() {
      console.log("公共方法");
    }
  };
})();

console.log(module.publicVariable); // 输出：公共变量
module.publicMethod(); // 输出：公共方法

console.log(module.privateVariable); // 输出：undefined
module.privateMethod(); // 报错：module.privateMethod is not a function

在上面的示例中，我们使用立即执行函数表达式定义了一个模块 module。在模块内部，我们定义了私有变量 privateVariable 和私有方法 privateMethod，并将需要对外暴露的变量和方法返回。这样，外部可以访问模块的公共变量和方法，但无法访问私有变量和方法。

---

立即执行函数表达式的写法和示例代码

基本写法

立即执行函数表达式的基本写法是在函数定义后紧跟一对括号。

示例代码：

(function() {
  console.log("立即执行函数表达式");
})();

举例说明一下它的用法：

(function() {
  var count = 0;

  function increment() {
    count++;
  }

  function getCount() {
    return count;
  }

  window.counter = {
    increment: increment,
    getCount: getCount
  };
})();

counter.increment();
console.log(counter.getCount()); // 1

在这个例子中，我们定义了一个立即执行函数表达式，函数内部包含了一个 count 变量和两个函数 increment 和 getCount。我们通过 window 对象将 increment 和 getCount 方法暴露给外部使用，从而实现了模块的封装和接口的暴露。最后，我们调用 increment 方法增加 count 的值，并调用 getCount 方法获取 count 的值。

传递参数

立即执行函数表达式可以传递参数，实现更灵活的调用方式。

示例代码：

(function(name) {
  console.log("Hello, " + name + "!");
})("John");

在上面的示例中，我们通过立即执行函数表达式传递了参数 name，并输出了一条消息。

返回值

立即执行函数表达式可以返回一个值，供外部使用。

示例代码：

var result = (function(a, b) {
  return a + b;
})(1, 2);

console.log(result); // 输出：3

在上面的示例中，我们通过立即执行函数表达式返回了两个参数的和，并将结果赋值给变量 result。

---

总结

立即执行函数表达式是一种在定义后立即执行的函数调用方式。它的特点是函数定义后紧跟一对括号，并且可以传递参数。立即执行函数表达式的应用场景包括封装私有变量和方法、避免全局变量污染和模块化开发。通过立即执行函数表达式，我们可以更好地封装模块内部的实现细节，避免变量和方法的命名冲突，同时也可以避免在全局作用域中定义过多的变量和方法，从而减少全局变量污染和命名空间冲突。

另外，立即执行函数表达式也是一种常用的模块化开发方式，可以将模块的实现代码封装在一个独立的作用域中，从而实现模块的隔离和复用。通过立即执行函数表达式，我们可以将模块的实现代码和接口暴露代码分离开来，从而更好地管理和维护代码。