js自执行函数的几种不同写法的比较

让我们来详细讲解一下“js自执行函数的几种不同写法的比较”。

什么是自执行函数？

自执行函数，也被称为立即执行函数，是指在定义函数后立即调用该函数的一种方式，通常被用来封装一些特定的操作，避免变量污染全局作用域。

自执行函数的几种不同写法

写法一：使用小括号将函数包裹起来

(function () {
  // code goes here
})();

// 或者写成
(function () {
  // code goes here
}());

使用小括号将函数包裹起来是一种常见的自执行函数写法。这种写法不会产生任何错误，在代码压缩的时候也能有效地减少代码体积。

写法二：使用逻辑非

!function () {
  // code goes here
}();

// 或者写成
true && function () {
  // code goes here
}();

使用逻辑非也是一种常见的自执行函数写法。这种写法不会产生任何错误，在代码压缩的时候也能有效地减少代码体积。

写法三：使用void运算符

void function () {
  // code goes here
}();

// 或者写成
void function () {
  // code goes here
}();

使用void运算符也是一种常见的自执行函数写法。这种写法相比于前两种写法，会稍微增加一些代码体积，但是依然能够很好地达到效果。

自执行函数的注意事项

• 自执行函数中的变量仅在自执行函数内部可见，不会污染全局作用域。
• 自执行函数的返回值可以被外部调用所使用。
• 自执行函数只需要被定义和执行一次，后续不会被再次使用。

示例说明

示例一：使用小括号的自执行函数

(function () {
  var name = 'John';

  (function () {
    var name = 'Mary';
    console.log('Inside inner function:', name);
  })();

  console.log('Inside outer function:', name);
})();

console.log('Outside both functions:', name);

在该示例中，我们使用了小括号的自执行函数来封装了两个函数。在内部函数中，我们定义了一个叫做name的变量，并将其赋值为Mary，然后将其输出。在外部函数中，我们同样定义了一个叫做name的变量，并将其赋值为John，然后将其输出。在函数外部输出name变量时，会发现变量name在外部是无法访问到的。

示例二：使用逻辑非的自执行函数

!function () {
  var count = 0;

  var intervalId = setInterval(function () {
    count++;
    console.log('Count:', count);

    if (count === 5) {
      clearInterval(intervalId);
    }
  }, 1000);
}();

在该示例中，我们使用了逻辑非的自执行函数来实现一个计数器。在函数内部，我们使用了setInterval函数来定时输出计数器的值，并在计数器到达5的时候停止输出。在函数外部没有定义任何变量，也不需要访问到计数器的值，因此使用逻辑非的自执行函数可以很好地满足我们的需求。