Javascript 中的立即调用函数表达式 (IIFE) 用例

Question

我知道 IIFE 用于防止污染全局名称空间。我不明白的是，假设您有一个共享相同名称的变量，如果您要在给定函数内使用关键字var 声明一个变量，那么调用该函数是否无关紧要在运行时？ 我可能让它听起来比实际更复杂，但请看下面的代码块：

示例 1：没有 IIFE

var firstName = "eugene";

function name(){
  var firstName = "bobby";
  console.log(firstName); 
}
name(); //bobby

console.log(firstName); //eugene

示例 2：使用 IIFE

var firstName = "eugene";

(function(){
  var firstName = "bobby";
  console.log(firstName);
})();

console.log(firstName);

示例 2 输出基本相同的内容。如果要输出相同的东西，使用 IIFE 的意义何在？

Answer 1

IIFE 的要点，可以（应该 - 尽管the name doesn't hurt）也可以写成

(function () {
//       ^ anonymous
  var firstName = "bobby";
  console.log(firstName);
})();

是不在全局范围内引入name。在您的第一个示例中，您可以调用两次或多次调用 name()。

Answer 2

如果函数不是IIFE，则必须调用该函数，如果是IIFE函数，则无需调用该函数，它在创建后立即执行。