js自调用匿名函数的三种写法(推荐)

下面是JS自调用匿名函数的三种写法攻略：

1. 包裹执行

最常见的自调用匿名函数就是包裹执行（也称为自调用函数表达式，IIFE）。这种写法在函数表达式后紧跟一个括号，表示调用这个函数。其主要目的是防止变量污染全局作用域。

标准写法：

(function() {
  // 在这里编写你的代码
})();

可以使用 arrow function （ES6+）简化写法：

(() => {
  // 在这里编写你的代码
})();

示例：

(function() {
  const message = "Hello World!";
  console.log(message); // 输出 Hello World!
})();

2. 默认参数

自调用匿名函数的第二种方法是将所有代码放在函数表达式的第二个参数中，该参数是一个包含默认参数的对象。这样可以让你的代码更易于维护。

标准写法：

((a, b) => {
  // a 和 b 都是默认值
  a = a || "defaultA";
  b = b || "defaultB";
  // 在这里编写你的代码
})();

示例：

((a, b) => {
  a = a || "World";
  b = b || "Hello";
  console.log(`${b} ${a}!`); // 输出 Hello World!
})();

3. 全局变量

自调用匿名函数的第三种写法是将全局变量作为参数传递。这种方法不仅可以避免全局变量污染，还可以更好地控制代码。

标准写法：

((globalVariable) => {
  // 在这里编写你的代码，可以使用传入的 globalVariable 变量。
})(variable);

示例：

((window) => {
  const message = "Hello World!";
  window.alert(message);
})(window);

该示例在自调用匿名函数的参数中传入了 window。这样做可以避免直接使用全局作用域中的变量。在这个示例中，我们使用了 window 对象调用了 alert() 方法，并传递了 message 变量作为参数。

以上就是JS自调用匿名函数的三种写法攻略。希望对你有所帮助。