每一個JavaScript程序員都是必須知道閉包是什么，閉包是函數式編程的核心概念之一，是引用了一個函數作為域中變量的函數，簡單來說就是函數A用到了B函數中的變量，那么函數A就是個閉包。在我們面試相關崗位的時候，是有很大幾率問到有關問題的，為此，大家也需要作出準備，這幾個閉包面試題，可以參考下，非常具有挑戰性的。

1. 范圍

有以下函數 clickHandler，immediate和delayedReload：

let countClicks = 0;

button.addEventListener('click', function clickHandler() {

??countClicks++;

});

const result = (function immediate(number) {

??const message = `number is: ${number}`;

??return message;

})(100);

setTimeout(function delayedReload() {

??location.reload();

}, 1000);

這3個函數中哪個能夠訪問外部范圍變量?

答案：

• clickHandler 能夠從外部作用域訪問變量 countClicks。
• immediate 無法訪問外部作用域中的任何變量。
• delayedReload 從全局作用域(也就是最外層作用域)中訪問全局變量 location。

2. 丟失的參數

下列代碼輸出什么：

(function immediateA(a) {

??return (function immediateB(b) {

????console.log(a); // => ?

??})(1);

})(0);

 答案：

輸出為：0

用參數 0 調用 immediateA，因此 a 參數為 0。

immediateB 函數嵌套在 immediateA 函數中，是一個閉包，它從外部 immediateA 作用域中得到 a 變量，其中 a 為 0。因此 console.log(a) 的輸出為 0。

3. 誰是誰

下面的代碼將會輸出什么內容?

let count = 0;

(function immediate() {

??if (count === 0) {

????let count = 1;

????console.log(count); // 輸出什么？

??}

??console.log(count); // 輸出什么？

})();

答案：

輸出 1 和 0

第一個語句 let count = 0 聲明了一個變量 count。

immediate() 是一個閉包，它從外部作用域得到 count 變量。在 immediate() 函數作用域內， count 是 0。

但是，在條件內，另一個 let count = 1 聲明了局部變量 count，該變量覆蓋了作用域之外的 count。第一個 console.log(count) 輸出 1。

第二個 console.log(count) 輸出為 0 ，因為這里的 count 變量是從外部作用域訪問的。

4. 棘手的閉包

下列代碼輸出什么：

for (var i = 0; i < 3; i++) {

??setTimeout(function log() {

????console.log(i); // => ?

??}, 1000);

}

答案：

輸出：3, 3, 3。

代碼分為兩個階段執行。

階段1

for() 重復 3 次。在每次循環都會創建一個新函數 log()，該函數將捕獲變量 i。 setTimout() 安排log() 在 1000 毫秒后執行。

當 for() 循環完成時，變量 i 的值為 3。

階段2

第二階段發生在 1000ms 之后：

setTimeout() 執行預定的 log() 函數。 log() 讀取變量 i 當前的值 3，并輸出 3

所以輸出 3, 3, 3。

5. 錯誤的信息

下面的代碼將會輸出什么：

function createIncrement() {

??let count = 0;

??function increment() { 

????count++;

??}

?

??let message = `Count is ${count}`;

??function log() {

????console.log(message);

??}

???

??return [increment, log];

}

?

const [increment, log] = createIncrement();

increment(); 

increment(); 

increment(); 

log(); // => ?

答案：

輸出：'Count is 0'

increment() 函數被調用 3 次，將 count 增加到 3。

message 變量存在于 createIncrement() 函數的作用域內。其初始值為 'Count is 0'。但即使 count 變量已經增加了幾次，message 變量的值也始終為 'Count is 0'。

log() 函數是一個閉包，它從 createIncrement() 作用域中獲取 message 變量。 console.log(message) 輸出錄'Count is 0'到控制臺。

以上就是2023比較難搞的五個Javascript閉包面試題，你能回答上來嗎？如果想要了解更多的Java面試題相關內容，可以關注動力節點Java官網。