什么是变量作用域？
在编程语言中，变量的作用域指的是变量的可访问性和可见性范围。即变量在哪些地方可以被访问和使用。
JavaScript中的变量作用域分为全局作用域和局部作用域。全局作用域是指在整个JavaScript程序中都可以访问的变量，而局部作用域是指在特定代码块内可以访问的变量。
全局作用域
在JavaScript中，没有在任何函数内部声明的变量都属于全局作用域。全局作用域的变量可以在整个程序中的任何地方访问。
var globalVariable = "I am a global variable";
function foo() {
console.log(globalVariable); // 输出 "I am a global variable"
}
foo();
在上面的例子中，globalVariable变量是在函数外部声明的，因此它是一个全局变量。当函数foo()内部尝试访问globalVariable时，它可以访问到。
注意，使用var关键字声明的全局变量会成为全局对象的属性。在浏览器的环境中，全局对象是window对象。
var globalVariable = "I am a global variable";
console.log(window.globalVariable); // 输出 "I am a global variable"
局部作用域
局部作用域是指在函数内部声明的变量。这些变量只能在函数内部访问，函数外部无法访问。
function foo() {
var localVariable = "I am a local variable";
console.log(localVariable); // 输出 "I am a local variable"
}
foo();
console.log(localVariable); // 抛出错误：localVariable未定义
在上面的例子中，localVariable变量是在函数foo()内部声明的，因此它只能在函数内部被访问。在函数外部尝试访问localVariable会抛出一个错误。
块级作用域
在ES6之前，JavaScript只有全局作用域和函数作用域，没有块级作用域。块级作用域指的是在if语句、for循环和其他代码块内声明的变量。
if (true) {
var blockVariable = "I am a block variable";
console.log(blockVariable); // 输出 "I am a block variable"
}
console.log(blockVariable); // 输出 "I am a block variable"
在上面的例子中，blockVariable变量是在if语句块内部声明的。然而，由于JavaScript没有块级作用域，blockVariable变量在if语句块外部仍然可以被访问到。
let和const关键字
通过使用let和const关键字，可以在JavaScript中创建块级作用域。
if (true) {
let blockVariable = "I am a block variable";
console.log(blockVariable); // 输出 "I am a block variable"
}
console.log(blockVariable); // 抛出错误：blockVariable未定义
在上面的例子中，blockVariable变量使用let关键字声明，它只在if语句块内部可见。在if语句块外部尝试访问blockVariable会抛出一个错误。
同样地，使用const关键字声明的变量也具有块级作用域。
if (true) {
const blockConstant = "I am a block constant";
console.log(blockConstant); // 输出 "I am a block constant"
}
console.log(blockConstant); // 抛出错误：blockConstant未定义
总结
在JavaScript中，变量的作用域决定了变量的可见性和可访问性。全局作用域中的变量可以在整个程序中的任何地方访问，而局部作用域中的变量只能在特定代码块内部访问。
到ES6之前，JavaScript没有块级作用域，只有全局作用域和函数作用域。但是通过使用let和const关键字，可以创建块级作用域。
了解变量作用域对于编写维护性高的JavaScript代码非常重要。合理地使用变量作用域可以避免变量冲突和意外的副作用，提高代码的可读性和可维护性。
本文来自极简博客，作者：幽灵船长，转载请注明原文链接：JavaScript中的变量作用域机制详解
