首先你必须访问MDN IIFE，现在关于这一点有几点

这是立即调用的函数表达式。当你的javascript文件从HTML中调用这个函数时立即调用。 这防止了在IIFE习惯用法中访问变量以及污染全局作用域。

这都是关于变量作用域的。默认情况下，在自执行函数中声明的变量仅可用于自执行函数中的代码。这允许编写代码时不考虑变量在其他JavaScript代码块中的命名方式。

例如，正如Alexander在评论中提到的:

(函数(){ Var foo = 3; console.log (foo); }) (); console.log (foo);

这将首先记录3，然后在下一个console.log上抛出一个错误，因为foo没有定义。

自执行函数用于管理变量的作用域。

变量的作用域是程序中定义变量的区域。

全局变量具有全局作用域;它在JavaScript代码中的任何地方都有定义，并且可以从脚本中的任何地方访问，甚至在函数中。另一方面，在函数中声明的变量只能在函数体中定义。 它们是局部变量，具有局部作用域，并且只能在该函数中访问。函数参数也算作局部变量，只在函数体中定义。

如下所示，您可以在函数中访问全局变量变量，并注意在函数体中，具有相同名称的局部变量优先于全局变量。

var globalvar = "globalvar"; // this var can be accessed anywhere within the script

function scope() {
    alert(globalvar);
    var localvar = "localvar"; //can only be accessed within the function scope
}

scope(); 

因此，基本上，自执行函数允许编写代码，而无需考虑其他javascript代码块中的变量如何命名。

自调用函数在javascript:

自动调用(启动)自调用表达式，而不需要调用。自调用表达式在创建后立即被调用。这主要用于避免命名冲突以及实现封装。变量或声明的对象在此函数之外不可访问。为了避免最小化(filename.min)的问题，总是使用自执行函数。

简单的回答是:防止全球(或更高)范围的污染。

IIFE(立即调用函数表达式)是将脚本编写为插件、附加组件、用户脚本或任何期望与其他人的脚本一起工作的脚本的最佳实践。这可以确保您定义的任何变量都不会对其他脚本产生不良影响。

这是另一种写IIFE表达式的方法。我个人更喜欢以下方法:

void function() {
  console.log('boo!');
  // expected output: "boo!"
}();

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/void

从上面的例子可以很清楚地看出，IIFE也会影响效率和性能，因为原本预计只运行一次的函数实际上只执行了一次，然后就永远被丢弃了。这意味着函数或方法声明不会保留在内存中。

(function(){
    var foo = {
        name: 'bob'
    };
    console.log(foo.name); // bob
})();
console.log(foo.name); // Reference error

实际上，上面的函数将被视为没有名称的函数表达式。

用左右圆括号包装函数的主要目的是避免污染全局空间。

函数表达式中的变量和函数变成私有的(也就是说，它们在函数外部是不可用的)。