【Day22】立即函式（IIFE）

立即函式特点：

• 立即执行
• 无法在函式外再次执行

接着我们来看立即函式的语法

(function() {
    console.log('立即函式');
})();

此时能看见只要使用立即函式，函式内容会马上执行，

因此才会回传 '立即函式'

功能

以下会列出立即函式的功能

1. 限制变数作用域

在立即函式中的变数，其作用域只在函式内

(function() {
    const ming = '小明';
    console.log(ming);  // 小明
})();

console.log(ming);  // ming is not defind

能够看见立即函式中的 ming 有被回传，

但函式外的却是 ming is not defind

2. 传递参数

(function(where) {
    console.log(where);
})('weiwei');

我们将 'weiwei' 代入立即函式中，能看见回传 weiwei

而立即函式为表达式，因此可以使用 return 来将值赋予到变数中，

const whereWei = (function(where) {
    return where;
})('weiwei');

console.log(whereWei);

我们也可以使用两个立即函式来传递值

const a = {};
(function(b) {
    b.person = 'weiwei';
})(a);

(function(c) {
    console.log(c.person);
})(a);

它会先由第一个立即函式中赋予 a 物件 person 属性，

再由第二个立即函式将值回传，

而这也能使用在 window 上

(function(global) {
    global.person = 'weiwei';
})(window);

(function() {
    console.log(person);
})();

这种方式主要会用在大型的框架上，

以 Vue2 为例：

Vue2 原始码

我们能在开头看到是使用立即函式将 Vue 的内容写入全域当中

而结尾是将 Vue 的内容定义完後进行回传

以上就是今天立即函式的内容了，感谢观看！！