你以为的变量，究竟是什么？var/let/const三大关键字解析
2023-09-18 04:55:59
在JavaScript中，变量是用来保存数据的，变量的声明主要使用三种var、let和const。这三个都有其不同的特性和用法，本文将带你深入了解它们。
**一、var关键字**
var是JavaScript中最传统的变量声明关键字。它声明一个变量，并将其置于全局作用域或函数作用域中。
**1. 作用域**
var声明的变量的作用域是全局或函数级的。全局作用域是指在JavaScript脚本的任何地方都可以访问的变量，而函数作用域是指只在函数体内可以访问的变量。
**2. 变量提升**
var声明的变量会发生变量提升，这意味着在使用变量之前，JavaScript会先将它提升到作用域的顶部。例如，以下代码：
```javascript
function foo() {
console.log(bar);
var bar = 1;
}
foo(); // undefined
函数foo在运行时，会将变量bar提升到函数作用域的顶部，因此在使用变量bar之前，它已经被提升为undefined。
3. 生命周期
var声明的变量的生命周期从它被声明的那一刻开始，直到它所在的函数或脚本结束。
二、let关键字
let是ES6中引入的变量声明关键字，它声明一个变量，并将其置于块级作用域中。
1. 作用域
let声明的变量的作用域是块级作用域，这意味着它只在声明它的代码块中有效。块级作用域是指由一对花括号括起来的一段代码，例如函数体、循环体或条件语句体。
2. 变量提升
let声明的变量不会发生变量提升，这意味着必须在声明变量之前使用它。例如，以下代码：
function foo() {
console.log(bar);
let bar = 1;
}
foo(); // ReferenceError: bar is not defined
函数foo在运行时，不会将变量bar提升到函数作用域的顶部，因此在使用变量bar之前，它会报错。
3. 生命周期
let声明的变量的生命周期从它被声明的那一刻开始，直到它所在的代码块结束。
三、const关键字
const也是ES6中引入的变量声明关键字，它声明一个常量，并将其置于块级作用域中。
1. 作用域
const声明的变量的作用域是块级作用域，这意味着它只在声明它的代码块中有效。
2. 变量提升
const声明的变量不会发生变量提升，这意味着必须在声明变量之前使用它。
3. 生命周期
const声明的变量的生命周期从它被声明的那一刻开始，直到它所在的代码块结束。
4. 值不可变性
const声明的变量的值是不可变的，这意味着一旦声明了const变量，就不能再修改它的值。例如，以下代码：
const foo = 1;
foo = 2; // TypeError: Assignment to constant variable.
会报错。
总结
var、let和const三个关键字是JavaScript中声明变量的三种方式。var声明的变量具有全局或函数级作用域，并且会发生变量提升。let声明的变量具有块级作用域，不会发生变量提升。const声明的变量具有块级作用域，不会发生变量提升，并且值不可变。
在实际开发中，应该根据变量的特性和使用场景选择合适的变量声明关键字。
