JavaScript 变量作用域详解
变量的作用域决定了程序中哪些部分可以访问该变量。理解变量作用域对于编写高效、无错误的 JavaScript 代码至关重要。 JavaScript 中主要有三种类型的变量作用域：var、let 和 const。
var 关键字
var 关键字是 JavaScript 最早引入的声明变量的方式，其特点是具有全局作用域或函数作用域。这意味着，使用 var 声明的变量可以在整个文件或声明它的函数内访问。
<code class="javascript">var x = 10;
function inner() {
console.log(x); // output: 10
}
console.log(x); // output: 10</code>
var 声明的变量存在变量提升现象。这意味着即使在声明之前访问该变量，也不会报错，但其值为 undefined。
<code class="javascript">console.log(x); // output: undefined var x = 10; console.log(x); // output: 10</code>
let 关键字
let 关键字是 ES6 (ECMAScript 2015) 引入的，用于声明具有块作用域的变量。块作用域是指变量仅在声明它的代码块（例如 if 语句、循环或函数）内可见。
<code class="javascript">let x = 10;
if (true) {
let x = 20; // 这是另一个变量，只在if块内可见
console.log(x); // output: 20
}
console.log(x); // output: 10</code>
let 声明的变量不存在变量提升，在声明之前访问会引发 ReferenceError 错误，这被称为暂时性死区 (TDZ)。
<code class="javascript">console.log(x); // output: ReferenceError let x = 10;</code>
在函数内部，let 声明的变量也仅限于该函数内部访问，无法从外部访问。
<code class="javascript">let x = 10;
function inner() {
console.log(x); // output: ReferenceError
}</code>
const 关键字
const 关键字也是 ES6 引入的，用于声明常量。const 声明的变量必须在声明时初始化，并且其值不能被重新赋值。
<code class="javascript">const pi = 3.14; console.log(pi); // output: 3.14</code>
尝试修改 const 声明的变量的值会引发 TypeError 错误。
<code class="javascript">const PI = 3.14; PI = 3.5; // output: TypeError: Assignment to constant variable.</code>
const 声明的变量也具有块作用域。
祝您编程愉快!
