Js中var、let和const定义变量的区别是什么？

2023 年 12 月 30 日

122 次浏览

1569字数

# [Js中var、let和const定义变量的区别是什么？](https://mp.weixin.qq.com/s/K-bY4hXEQ4GDeUW_RybjLA)

在JavaScript中，我们经常使用var、let和const来声明变量。它们之间有一些重要的区别，本文将帮助你了解这些区别，并提供相应的代码示例。

## 1. var关键字：

var是在ES5中引入的变量声明关键字。使用var声明的变量是函数作用域的，这意味着它们在声明它们的函数内部可见。
```js
function example() {
    var x = 10;
    console.log(x); // 10
}

console.log(x); // ReferenceError: x is not defined
``` 
在上面的示例中，变量x在函数example的作用域内可见，但是在函数外部无法访问。

var还存在变量提升的问题，即可以在声明之前访问变量。

console.log(x); // undefined
var x = 10;
## 2. let关键字：

let是在ES6中引入的新变量声明关键字。使用let声明的变量是块级作用域的，这意味着它们在最近的包含它们的块内可见。

```js
function example() {
    let x = 10;
    if (true) {
        let x = 20;
        console.log(x); // 20
    }
    console.log(x); // 10
}

console.log(x); // ReferenceError: x is not defined
``` 
在上面的示例中，变量x在if语句块内部重新声明并使用，但在if语句块外部仍然保持原值。

let的另一个重要特点是它不会存在变量提升的问题。
```js
console.log(x); // ReferenceError: x is not defined
let x = 10;
``` 
## 3. const关键字：

const也是在ES6中引入的新变量声明关键字。使用const声明的变量是常量，它们是块级作用域的，并且不能重新赋值。

```js
const x = 10;
console.log(x); // 10
x = 20; // TypeError: Assignment to constant variable
在上面的示例中，变量x被声明为常量，因此不能再次赋值。

需要注意的是，const声明的变量仍然是可变的，例如数组和对象。

const arr = [1, 2, 3];
arr.push(4);
console.log(arr); // [1, 2, 3, 4]

const obj = { name: "John" };
obj.age = 30;
console.log(obj); // { name: "John", age: 30 }
通过上述示例可看出，尽管无法对const声明的变量进行重新赋值，但仍然可以对其进行修改。

## 总结：

- var是函数作用域，let和const是块级作用域。

- var存在变量提升的问题，而let和const没有。