在 JavaScript 中,`var`、`let` 和 `const` 都是常见的用于声明变量的关键字。它们的区别如下:
1. `var`:
- `var` 关键字可以在全局作用域和函数作用域中声明变量;
- 在全局作用域中,`var` 声明的变量会成为全局对象的属性,而在函数作用域中,`var` 声明的变量不会成为全局对象的属性;
- 如果同一个变量名在同一个作用域内被多次声明,后面的声明会覆盖前面的声明;
- `var` 声明的变量提升到其所在作用域的顶部,可以在声明前使用,但值为 `undefined`。
2. `let`:
- `let` 关键字声明的变量只在块级作用域内有效;
- 不能重复声明同一个变量;
- 不存在变量提升,因此不能在声明前使用。
3. `const`:
- `const` 声明的是常量,不可以再次赋值;
- `const` 关键字声明的变量也只在块级作用域内有效;
- 不能重复声明同一个变量;
- 不存在变量提升,因此不能在声明前使用。
- 示例代码如下:
//javascript
// var, let, const 的使用
var a = 1;
let b = 2;
const c = 3;
if (true) {
var a = 10; // 在同一作用域里,变量名不能重复,这里会覆盖前面的 a
let b = 20; // 在块级作用域中,不会影响到外部的 b
const c = 30; // 在块级作用域中,不会影响到外部的 c
}
console.log(a); // 10
console.log(b); // 2
console.log(c); // 3
a = 100; // 可以再次赋值
// c = 300; // 报错,常量的值不能再次赋值
function foo() {
var d = 4;
console.log(d);
}
foo();
console.log(d); // 报错,d 不存在