var、let和const的区别

最新推荐文章于 2025-05-07 10:59:42 发布

原创最新推荐文章于 2025-05-07 10:59:42 发布 · 152 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #javascript

博客从声明、初始化、值的改变、作用域、标识符提升等方面，详细介绍了var、let、const关键字的功能与特点。如var可重复声明、无块级作用域且存在变量提升；const不能分开声明与初始化，值不可变；let有块级作用域且无变量提升。

我们主要通过声明、初始化、值的可变性、作用域、变量提升等多个方面来详细了解var、let、const等关键字功能与特点。

声明

var，let：可以先声明，后赋值（初始化），默认值是 undefined。
const：不能将声明与初始化单独分开，否则报错，没有默认值。
var：声明的标识符可以被重复声明多次，多次声明进行的都是覆盖操作，
const，let：同一个标识符不能同时声明多次，否则报语法错误。

let variable;
let variable; //Uncaught SyntaxError: Identifier 'x' has already been declared

初始化

var,let：可以先定义再初始化，默认值为 undefined。
const：不能将变量的声明与初始分离进行单独操作。

 const variable //Uncaught SyntaxError: Missing initializer in const declaration

值的改变

const：不可以改变值，定义的是不变量。
let,var：定义的变量可以改变值。

onst variable = 1;
variable = 2; //Uncaught TypeError: Assignment to constant variable.

但是const可以对引用类型的值进行操作。

const arr = [];
arr.push(1); //[1]

作用域

var：不具有块级作用域。
const，let：都具有块级作用域。

for(var a=0;a<3;a++);
for(let b=0;b<3;b++);
a; //3

if(a){
    const c = 0;
}

b; //Uncaught ReferenceError: b is not defined
c; //ReferenceError: c is not defined

标识符提升

var：定义的变量存在变量提升情况。
const,let：声明的变量都不具有变量提升的情况，否则报错。

console.log(a); //Uncaught ReferenceError: a is not defined
let a = 1;