JavaScript是一种动态类型脚本语言，具有函数级别的作用域规则。在JavaScript中，变量的作用域决定了变量在程序中可见的区域范围。
全局作用域
在JavaScript中，未定义在任何函数内部的变量都属于全局作用域。因此，它们可以在整个程序中访问。
// 全局变量
var globalVar = "I am a global variable";
function foo() {
console.log(globalVar);
}
foo(); // "I am a global variable"需要注意的是，在严格模式下，未定义的变量将抛出引用错误。为了防止全局命名空间污染和避免不必要的错误，建议使用严格模式声明。
'use strict'; // 引用错误：globalVar is not defined console.log(globalVar);
局部作用域
在JavaScript中，函数级别的作用域规则意味着变量只能在函数内部或嵌套的函数内部被访问。这些变量称为局部变量。
-- -------------------- ---- ------- -------- ----- - -- ---- --- -------- - -- -- - ----- ---------- ---------------------- - ------ -- -- -- - ----- --------- -- ------------- -- --- ------- ----------------------
在嵌套函数内部，内部函数可以访问外部函数的变量，但外部函数不能访问内部函数的变量。
-- -------------------- ---- -------
-------- ------- -
-- ------
--- -------- - -- -- -- ----- ----------
-------- ------- -
-- ------
--- -------- - -- -- -- ----- ----------
---------------------- -- -- -- -- ----- ---------
---------------------- -- -- -- -- ----- ---------
-
--------
-- ------------- -- --- -------
----------------------
-
--------块级作用域
在ES6之前，JavaScript没有块级作用域规则。变量声明被限制在函数内部，而不是代码块内部。这导致了一些意外行为和错误。
例如，在以下示例中，for循环只使用一个变量i，但由于缺乏块级作用域规则，所有迭代都共享同一个变量。
for (var i = 0; i < 5; i++) {
setTimeout(function() {
console.log(i);
}, 1000);
}
// 输出 5, 5, 5, 5, 5ES6引入了两种新的关键字来引入块级作用域规则：let和const。使用这些关键字声明的变量只在它们所在的块（花括号包括的区域）中可见。
for (let i = 0; i < 5; i++) {
setTimeout(function() {
console.log(i);
}, 1000);
}
// 输出 0, 1, 2, 3, 4总结
在JavaScript中，变量的作用域规则决定了变量在程序中可见的区域。全局变量是在函数之外定义的，可以在整个程序中访问。局部变量是在函数内部定义的，只能在函数内部或嵌套的函数内部访问。块级变量（使用let或const关键字声明）只能在其花括号包括的块中访问。
了解JavaScript的作用域规则对于编写高质量的代码至关重要。正确使用变量的作用域可以减少错误和提高可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/7241