< p >在 Web 開發(fā)中，JavaScript 是一門必不可少的語言，它可以幫助我們實(shí)現(xiàn)互動(dòng)、動(dòng)態(tài)、富有響應(yīng)式的網(wǎng)頁(yè)頁(yè)面。在 JavaScript 中，有一個(gè)非常強(qiáng)大且常用的特性，那就是立即執(zhí)行函數(shù)表達(dá)式（IIFE）。本文將深入探討 IIFE 的定義、作用和應(yīng)用場(chǎng)景，并以示例代碼形式進(jìn)行講解，旨在幫助讀者更好地掌握和運(yùn)用 JavaScript 立即執(zhí)行的特性。< p >IIFE，即 Immediately Invoked Function Expression，指的是立即執(zhí)行函數(shù)表達(dá)式。它是一個(gè)匿名函數(shù)，用圓括號(hào)包裹函數(shù)體，再加上一個(gè)立即執(zhí)行的操作符號(hào)，使得函數(shù)被聲明和執(zhí)行的同時(shí)進(jìn)行。通常使用這種方式來創(chuàng)建一個(gè)作用域，不會(huì)污染全局變量，并且可以避免代碼被其他模塊攔截或修改。< pre >(() =>{ // 立即執(zhí)行的代碼塊 })();< /pre >< p >上面的代碼塊是一個(gè)基本 IIFE 的結(jié)構(gòu)。函數(shù)定義后在后面添加（），然后再加上一個(gè)();即可實(shí)現(xiàn)立即執(zhí)行。它與命名函數(shù)表達(dá)式的區(qū)別是，它不需要命名，在函數(shù)執(zhí)行的過程中，函數(shù)名只有在函數(shù)里可以訪問。下面我們通過具體案例來理解 IIFE 的應(yīng)用。< pre >(function() { var name = 'IIFE'; console.log(name); })(); console.log(name); // Uncaught ReferenceError: name is not defined< /pre >< p >上面的代碼 snippet 中定義了一個(gè) IIFE，立即定義和執(zhí)行一個(gè)函數(shù)，里面有一個(gè) name 局部變量，它的作用域只局限在函數(shù)內(nèi)部。在函數(shù)外面不能夠訪問到它，因?yàn)檫@里不是全局變量。執(zhí)行上面的函數(shù)，在 JS 控制臺(tái)中，打印出了正確的輸出值，再嘗試打印 name 變量時(shí)，會(huì)發(fā)現(xiàn)拋出了一個(gè)“ReferenceError”異常，因?yàn)樵撟兞坎辉谌肿饔糜蛑小? pre >var foo = 'I am global foo'; (function(bar) { var foo = 'I am local foo'; console.log(foo); // 輸出：I am local foo console.log(bar); // 輸出：I am bar })(foo); console.log(foo); // 輸出：I am global foo< /pre >< p >代碼塊中定義了一個(gè)全局變量 foo。然后，一個(gè)立即執(zhí)行函數(shù)被創(chuàng)建，接受 foo 變量作為參數(shù)，函數(shù)體內(nèi)部定義了一個(gè)名為 foo 的局部變量，使用 console 輸出局部變量和參數(shù)變量。執(zhí)行完函數(shù)后，打印出第一組正確的結(jié)果：“I am local foo ”和“ I am bar”。 執(zhí)行下一行代碼，輸出結(jié)果：I am global foo。為什么不是打印“我是本地食品”呢？因?yàn)槿肿兞?foo 被定義為“我是全球性的foo”，它的值沒有被函數(shù)內(nèi)部的同名變量覆蓋。< pre >var i = function() { return 10; }(); console.log(i); // 輸出10< /pre >< p >上面的代碼塊中定義了一個(gè) IIFE，函數(shù)被賦值給變量 i，并立即執(zhí)行，函數(shù)的返回值是10. 那么，執(zhí)行 console.log(i); 就可以輸出 10。這段代碼塊的最終目的是獲取10，因此立即執(zhí)行函數(shù)是最佳的選擇，它可以減少全局變量的污染。< p >總之，JavaScript 立即執(zhí)行函數(shù)表達(dá)式是一種非常有用的技巧，通過它可以創(chuàng)建具有作用域的代碼塊，避免全局變量污染，優(yōu)化代碼架構(gòu)，還可以用于創(chuàng)建模塊和閉包。在開發(fā)和調(diào)試過程中，合理地應(yīng)用 IIFE，能夠讓你的 JavaScript 代碼更加簡(jiǎn)潔、易讀、易維護(hù)。