浅谈var、let和const的区别

介绍

let和const是ES6新增的关键字

区别

区别1

let和var用来声明变量，const用来声明常量。

变量就是赋值后可以改变它的值，常量就是赋值后就不能改变它的值。

当声明为对象时，可以直接修改对象内的属性值

```JavaScript const age = 26; age = 36; // TypeError: 给常量赋值

// const声明的作用域也是块 const name = 'Matt'; if (true) { const name = 'Nicholas'; } console.log(name); // Matt

```

区别2

const不允许只声明不赋值，一旦声明就必须赋值

JavaScript const num; // 错误 const num = 1; //正确

区别3

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

花括号{}就是块级作用域，函数作用域就是函数里面的内容。

```JavaScript { let num = 4; } console.log(num);// num is not defined

{ var num = 4; } console.log(num); // 4 ```

区别4

var有提升的功能，let和const没有

JavaScript // 片段A console.log(a); //undefined var a = 4; // 片段B console.log(b); //b is not defined let b = 4;

片段A在代码预编译时，javaScript引擎会自动将所有代码里面的var关键字声明的语句都会提升到当前作用域的顶端，如下： JavaScript var a; console.log(a); //undefined a = 4;

区别5

在最外层的作用域，也就是全局作用域，用var声明的变量，会作为window的一个属性；而用let和const声明的变量或常量，并不会作为window的属性

```JavaScript var a = 4; function foo(){ /* 这里的this采用默认的规则，与window进行了绑定，所以实际上访问的是window.a */ console.log(this.a);// 4
}

foo()

```

```JavaScript let a = 4; function foo(){ /* 在这种情况下，this.a 访问的是window.a，但是let定义的变量，并不会作为window的属性，所以访问不到 */ console.log(this.a);// undefined
}

foo()

```

区别6

let,const不允许同一个块作用域中出现冗余声明(重复声明),而var可以

```JavaScript var name; var name; // 可以

let age; let age; // SyntaxError；标识符age已经声明过了

const name = 'Matt'; const name = 'Nicholas'; // SyntaxError

```

区别7

变量渗透问题 JavaScript // for循环中var定义的迭代变量会渗透到循环体外部 for (var i = 0; i < 5; ++i) { // 循环逻辑 } console.log(i); // 5

```JavaScript // 改成使用let之后，这个问题就消失了，因为迭代变量的作用域仅限于for循环块内部 for (let i = 0; i < 5; ++i) { // 循环逻辑 } console.log(i); // ReferenceError: i没有定义

```