😆博主：小猫娃来啦
😆文章核心：优雅而高效------立即执行函数表达式()();
文章目录
前言
在 JavaScript 中，立即执行函数表达式（Immediately Invoked Function Expression，简称IIFE）是一种常见的函数调用方式。它允许我们在定义函数后立即执行该函数，并且不会污染全局命名空间。本文将介绍立即执行函数表达式的定义、特点和应用场景，并通过示例代码演示其用法。
立即执行函数表达式的定义和特点
立即执行函数表达式是一种在定义后立即执行的函数调用方式。它的特点是函数定义后紧跟一对括号，并且可以传递参数。
立即执行函数表达式的特点包括：
- 函数定义后立即执行，无需显式调用。
- 函数内部的变量和函数在执行后会立即销毁，不会对外部产生影响。
- 可以传递参数，实现更灵活的调用方式。
立即执行函数表达式的应用场景
立即执行函数表达式在实际开发中有多种应用场景，以下是其中几个常见的应用场景：
封装私有变量和方法
立即执行函数表达式可以用于封装私有变量和方法，避免全局命名空间的污染。通过将变量和方法定义在立即执行函数内部，可以确保它们只在函数内部可见，外部无法访问。
示例代码：
javascript
(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。这样，它们只在函数内部可见，外部无法访问。
避免全局变量污染
立即执行函数表达式可以避免全局变量的污染。通过将代码放在立即执行函数内部，可以将变量和函数的作用域限制在函数内部，不会对外部的全局命名空间产生影响。
示例代码：
javascript
(function() {
var name = "加菲猫";
console.log("Hello, " + name + "!");
})();
console.log(name); // 报错：name is not defined在上面的示例中，我们使用立即执行函数表达式将变量 name 的作用域限制在函数内部。在函数外部无法访问该变量，从而避免了全局变量的污染。
模块化开发
立即执行函数表达式可以用于实现模块化开发。通过在立即执行函数内部定义私有变量和方法，并将需要对外暴露的变量和方法返回，可以实现模块化的封装和使用。
示例代码：
javascript
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，并将需要对外暴露的变量和方法返回。这样，外部可以访问模块的公共变量和方法，但无法访问私有变量和方法。
立即执行函数表达式的写法和示例代码
基本写法
立即执行函数表达式的基本写法是在函数定义后紧跟一对括号。
示例代码：
javascript
(function() {
console.log("立即执行函数表达式");
})();举例说明一下它的用法：
javascript
(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 的值。
传递参数
立即执行函数表达式可以传递参数，实现更灵活的调用方式。
示例代码：
javascript
(function(name) {
console.log("Hello, " + name + "!");
})("John");在上面的示例中，我们通过立即执行函数表达式传递了参数 name，并输出了一条消息。
返回值
立即执行函数表达式可以返回一个值，供外部使用。
示例代码：
javascript
var result = (function(a, b) {
return a + b;
})(1, 2);
console.log(result); // 输出：3在上面的示例中，我们通过立即执行函数表达式返回了两个参数的和，并将结果赋值给变量 result。
总结
立即执行函数表达式是一种在定义后立即执行的函数调用方式。它的特点是函数定义后紧跟一对括号，并且可以传递参数。立即执行函数表达式的应用场景包括封装私有变量和方法、避免全局变量污染和模块化开发。通过立即执行函数表达式，我们可以更好地封装模块内部的实现细节，避免变量和方法的命名冲突，同时也可以避免在全局作用域中定义过多的变量和方法，从而减少全局变量污染和命名空间冲突。
另外，立即执行函数表达式也是一种常用的模块化开发方式，可以将模块的实现代码封装在一个独立的作用域中，从而实现模块的隔离和复用。通过立即执行函数表达式，我们可以将模块的实现代码和接口暴露代码分离开来，从而更好地管理和维护代码。