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)
|