Javascript Scope和Closures的區別用法及代碼示例

作用域和閉包是基本概念，在如何在函數和代碼塊中訪問和管理變量方麵發揮著至關重要的作用。在這篇文章中，我們將了解之間的區別範圍和關閉在 JavaScript 中。

什麽是範圍？

JavaScript 中的作用域是指聲明變量或函數並可以訪問的上下文或環境。 JavaScript 使用基於函數的作用域，這意味著在函數內部聲明的變量具有本地作用域，而在任何函數外部聲明的變量具有全局作用域。

例子：在此示例中，在全局作用域中聲明了一個名為 message 的變量，並且在函數內設置和訪問其值，演示了 JavaScript 中全局作用域的概念。

let message; 
// Declare message in global scope
function GFG() {
  message = "Hello, world!";
  console.log(message);
}
GFG();
// Now it's accessible globally
console.log(message);

輸出：

Hello, world!
Hello, world!

什麽是閉包？

當函數 “remembers” 處於其詞法作用域時，JavaScript 中就會發生閉包，即使它是在該作用域之外執行的。換句話說，閉包允許函數從其包含函數訪問變量，甚至在包含函數完成執行之後也是如此。

例子：在此示例中，創建了一個閉包，其中內部函數保留從其包含的 “outers” 函數對 “name” 變量的訪問，從而允許它在調用時顯示個性化問候語。

function outers() {
    let name = "Kumar";
    function inner() {
        console.log("Hello, " + name + "!");
    }
    return inner;
}
let greeting = outers();
greeting();

輸出：

Hello, Kumar!

JavaScript 中作用域和閉包的區別：