JavaScript 函数的作用域117

在 JavaScript 中，作用域是一个函数或代码块中可访问的变量和常量的集合。它定义了这些变量和常量在程序中的可用性范围。

全局作用域

全局作用域是 JavaScript 程序中最广泛的作用域。它包含所有在任何函数或代码块外部定义的变量和常量。这些变量和常量可以在程序的任何地方访问。
let globalVariable = "Hello World";
function myFunction() {
(globalVariable); // 输出 "Hello World"
}

局部作用域

局部作用域是函数或代码块内部定义的变量和常量的集合。这些变量和常量只能在该函数或代码块中访问。一旦离开该函数或代码块，这些变量和常量将不可用。
function myFunction() {
let localVariable = "Local";
(localVariable); // 输出 "Local"
}
(localVariable); // 报错：ReferenceError: localVariable is not defined

块级作用域

ES6 引入了块级作用域的概念。使用 let 或 const 关键字声明的变量仅在声明它们的块中可用，包括条件语句（if、else、switch）和循环语句（for、while）。
if (condition) {
let blockVariable = "Block";
(blockVariable); // 输出 "Block"
}
(blockVariable); // 报错：ReferenceError: blockVariable is not defined

变量提升

在 JavaScript 中，变量提升的概念使得在使用前声明变量成为必要。变量提升会将所有变量声明提升到函数或代码块的顶部，即使它们是在代码块内部声明的。
(myVariable); // 输出 undefined
var myVariable = "Variable";

在上面的示例中，myVariable 会被提升到函数的顶部，即使它是在该行之后声明的。因此，在使用它之前输出它会输出 undefined。

作用域链

作用域链是一个有序列表，包含函数调用的所有作用域。当一个函数被调用时，它的作用域会添加到作用域链的顶部。搜索变量时，解释器会从当前作用域开始向作用域链向上查找，直到找到该变量。
function outerFunction() {
let outerVariable = "Outer";
function innerFunction() {
let innerVariable = "Inner";
(outerVariable); // 输出 "Outer"
(innerVariable); // 输出 "Inner"
}
innerFunction();
}
outerFunction();

在上面的示例中，innerFunction() 的作用域链包含：innerFunction() 的局部作用域、outerFunction() 的局部作用域和全局作用域。因此，innerFunction() 可以访问 outerVariable 和 innerVariable。

闭包

闭包是指在函数创建后仍保留其创建时的作用域链的函数。这允许函数在执行后访问其作用域中的变量，即使该作用域已被销毁。
function createCounter() {
let count = 0;
return function() {
return count++;
};
}
const counter = createCounter();
(counter()); // 输出 0
(counter()); // 输出 1

在上面的示例中，createCounter() 创建了一个闭包函数，该函数保留了其创建时的作用域链，其中包含变量 count。因此，counter() 函数可以在其执行后访问 count 并对其进行修改。

JavaScript 的作用域机制对于理解程序中变量和常量的可用性至关重要。通过理解全局作用域、局部作用域、块级作用域、变量提升、作用域链和闭包，开发者可以编写出更清晰且可维护的代码。

2025-02-15

上一篇：图片预加载：提升网站加载速度的最佳实践

下一篇：JavaScript 虚拟键盘：提升移动设备输入效率