立即執(zhí)行函數(shù)表達(dá)式（IIFE，Immediately Invoked Function Expression）曾是我們的救星，它幫助我們避免全局污染，創(chuàng)建私有作用域，解決了許多令人頭疼的問(wèn)題。但是，隨著塊級(jí)作用域的引入，讓我們有了更優(yōu)雅的解決方案。

一、IIFE：曾經(jīng)的英雄，如今的累贅

1. IIFE 的經(jīng)典用法

在 ES6 之前，我們經(jīng)常這樣寫(xiě)代碼：

// 經(jīng)典的 IIFE 模式
(function() {
    var privateVar = '這是私有變量';
    var counter = 0;
    
    function increment() {
        counter++;
        console.log('當(dāng)前計(jì)數(shù)：', counter);
    }
    
    // 只暴露需要的接口
    window.myModule = {
        increment: increment
    };
})();

或者用于避免循環(huán)中的閉包陷阱：

// 使用 IIFE 解決循環(huán)閉包問(wèn)題
for (var i = 0; i < 5; i++) {
    (function(index) {
        setTimeout(function() {
            console.log('索引：', index);
        }, 100);
    })(i);
}

2. IIFE 的問(wèn)題

雖然 IIFE 解決了作用域問(wèn)題，但它也帶來(lái)了一些困擾：

• 語(yǔ)法臃腫：需要額外的括號(hào)和函數(shù)聲明
• 可讀性差：嵌套層級(jí)增加，代碼變得難以理解
• 調(diào)試?yán)щy：匿名函數(shù)在調(diào)試時(shí)不好定位
• 不夠語(yǔ)義化：代碼意圖不夠明確

二、塊級(jí)作用域：現(xiàn)代 JavaScript 的優(yōu)雅方案

1. 使用 let/const 替代 var

ES6 引入的 let 和 const 具有塊級(jí)作用域特性，讓我們可以拋棄復(fù)雜的 IIFE：

2. 循環(huán)中的塊級(jí)作用域

最明顯的改進(jìn)體現(xiàn)在循環(huán)中：

3. 條件塊中的作用域隔離

三、性能對(duì)比：為什么塊級(jí)作用域更好

1. 內(nèi)存使用

2. 執(zhí)行效率

塊級(jí)作用域不需要?jiǎng)?chuàng)建函數(shù)調(diào)用棧，執(zhí)行效率更高：

// 測(cè)試執(zhí)行時(shí)間
console.time('IIFE');
for (let i = 0; i < 100000; i++) {
    (function() {
        const temp = i * 2;
        const result = temp + 1;
    })();
}
console.timeEnd('IIFE');
// => IIFE: 8.159912109375 ms

console.time('Block Scope');
for (let i = 0; i < 100000; i++) {
    {
        const temp = i * 2;
        const result = temp + 1;
    }
}
console.timeEnd('Block Scope');
// => Block Scope: 1.242919921875 ms

IIFE 曾經(jīng)是 JavaScript 開(kāi)發(fā)中不可或缺的工具，但隨著語(yǔ)言的發(fā)展，塊級(jí)作用域?yàn)槲覀兲峁┝烁鼉?yōu)雅、更現(xiàn)代的解決方案。通過(guò)使用 let、const 和塊級(jí)作用域，我們可以：

• 寫(xiě)出更清晰的代碼：語(yǔ)法更簡(jiǎn)潔，意圖更明確
• 獲得更好的性能：避免不必要的函數(shù)調(diào)用開(kāi)銷(xiāo)
• 享受更好的調(diào)試體驗(yàn)：更容易定位問(wèn)題和理解代碼流程
• 符合現(xiàn)代開(kāi)發(fā)趨勢(shì)：與 ES6+ 特性更好地集成