它是一个函数表达式，代表立即调用函数表达式（IIFE）。IIFE只是创建后立即执行的功能。因此，在必须等待该函数被调用才能执行该函数的情况下，会立即执行IIFE。让我们以示例的方式构造IIFE。假设我们有一个add函数，该函数将两个整数作为args并返回总和，使add函数成为IIFE，
步骤1：定义功能
function add (a, b){
return a+b;
}
add(5,5);
步骤2：通过将整个函数声明包装在括号中来调用函数
(function add (a, b){
return a+b;
})
//add(5,5);
步骤3：立即调用该函数，只需从调用中删除“添加”文本即可。
(function add (a, b){
return a+b;
})(5,5);
使用IFFE的主要原因是要在函数内保留私有范围。在您的JavaScript代码中，您要确保没有覆盖任何全局变量。有时您可能会意外地定义一个覆盖全局变量的变量。让我们以身作则。假设我们有一个名为iffe.html的html文件，并且body标签内的代码是-
<body>
<div id = 'demo'></div>
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
</body>
好了，上面的代码将毫无疑问地执行，现在假定您意外或故意清除了一个名为document的变量。
<body>
<div id = 'demo'></div>
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
const document = "hi there";
console.log(document);
</script>
</body>
您将最终遇到SyntaxError：重新声明不可配置的全局属性文档。
但是，如果您希望清除变量名documet，则可以使用IFFE。
<body>
<div id = 'demo'></div>
<script>
(function(){
const document = "hi there";
this.document.getElementById("demo").innerHTML = "Hello JavaScript!";
console.log(document);
})();
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
</body>
输出：
让我们再举一个例子，假设我们有一个像下面这样的计算器对象：
<body>
<script>
var calculator = {
add:function(a,b){
return a+b;
},
mul:function(a,b){
return a*b;
}
}
console.log(calculator.add(5,10));
</script>
</body>
好吧，它的工作就像一种魅力，如果我们不小心重新分配了计算器对象的值，该怎么办。
<body>
<script>
var calculator = {
add:function(a,b){
return a+b;
},
mul:function(a,b){
return a*b;
}
}
console.log(calculator.add(5,10));
calculator = "scientific calculator";
console.log(calculator.mul(5,5));
</script>
</body>
是的，您最终会遇到TypeError：Calculator.mul不是iffe.html函数
但是在IFFE的帮助下，我们可以创建一个私有范围，在其中可以创建另一个变量名计算器并使用它。
<body>
<script>
var calculator = {
add:function(a,b){
return a+b;
},
mul:function(a,b){
return a*b;
}
}
var cal = (function(){
var calculator = {
sub:function(a,b){
return a-b;
},
div:function(a,b){
return a/b;
}
}
console.log(this.calculator.mul(5,10));
console.log(calculator.sub(10,5));
return calculator;
})();
console.log(calculator.add(5,10));
console.log(cal.div(10,5));
</script>
</body>
输出：
