2.1 KiB
2.1 KiB
| title | localeTitle |
|---|---|
| Immediately Invoked Functions Expressions(IIFEs) | 立即调用函数表达式（IIFE） |
功能说明
使用函数声明创建的函数是Function对象，具有Function对象的所有属性，方法和行为。 例：
function statement(item){
console.log('Function statement example '+ item);
}
功能表达
函数表达式与函数语句类似，只是可以省略函数名来创建匿名函数。 例：
var expression = function (item){
console.log('Function expression example '+ item);
}
立即调用函数表达式
一旦创建了函数，它就会调用自己不需要显式调用。 在下面的示例变量中，iife将存储由函数执行返回的字符串。
var iife = function (){
return 'Immediately Invoked Function Expressions(IIFEs) example ';
}();
console.log(iife); // 'Immediately Invoked Function Expressions(IIFEs) example '
IIFE之前的声明应始终以a结尾;否则会引发错误。
不好的例子 ：
var x = 2 //no semicolon, will throw error
(function(y){
return x;
})(x); //Uncaught TypeError: 2 is not a function
为什么使用立即调用的函数表达式？
(function(value){
var greet = 'Hello';
console.log(greet+ ' ' + value);
})('IIFEs');
在上面的示例中，当javascript引擎执行上面的代码时，它会在看到代码时创建全局执行上下文，并在内存中为IIFE创建函数对象。 当它到达第46行时由于调用了哪个函数，动态创建了一个新的执行上下文，因此greet变量进入该函数执行上下文而不是全局，这使得它是唯一的。 This ensures that code inside IIFE does not interfere with other code or be interfered by another code ，因此代码是安全的。