60 lines
2.1 KiB
Markdown
60 lines
2.1 KiB
Markdown
---
|
||
title: Immediately Invoked Functions Expressions(IIFEs)
|
||
localeTitle: 立即调用函数表达式（IIFE）
|
||
---
|
||
## 功能说明
|
||
|
||
使用函数声明创建的函数是Function对象，具有Function对象的所有属性，方法和行为。 例：
|
||
|
||
```javascript
|
||
function statement(item){
|
||
console.log('Function statement example '+ item);
|
||
}
|
||
```
|
||
|
||
## 功能表达
|
||
|
||
函数表达式与函数语句类似，只是可以省略函数名来创建匿名函数。 例：
|
||
|
||
```javascript
|
||
var expression = function (item){
|
||
console.log('Function expression example '+ item);
|
||
}
|
||
```
|
||
|
||
## 立即调用函数表达式
|
||
|
||
一旦创建了函数，它就会调用自己不需要显式调用。 在下面的示例变量中，iife将存储由函数执行返回的字符串。
|
||
|
||
```javascript
|
||
var iife = function (){
|
||
return 'Immediately Invoked Function Expressions(IIFEs) example ';
|
||
}();
|
||
console.log(iife); // 'Immediately Invoked Function Expressions(IIFEs) example '
|
||
```
|
||
|
||
IIFE之前的声明应始终以a结尾;否则会引发错误。
|
||
|
||
**不好的例子** ：
|
||
|
||
```javascript
|
||
var x = 2 //no semicolon, will throw error
|
||
(function(y){
|
||
return x;
|
||
})(x); //Uncaught TypeError: 2 is not a function
|
||
```
|
||
|
||
## 为什么使用立即调用的函数表达式？
|
||
|
||
```javascript
|
||
(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` ，因此代码是安全的。
|
||
|
||
#### 更多信息
|
||
|
||
[维基百科上立即调用的函数表达式](https://en.wikipedia.org/wiki/Immediately-invoked_function_expression) [JavaScript库中的前导分号有什么作用？](https://stackoverflow.com/questions/1873983/what-does-the-leading-semicolon-in-javascript-libraries-do) |