var,let和const

1、var的特色

一、存在变量提高

console.log(a); // undefined
var a = 10;

// 编译过程
var a;
console.log(a); // undefined
a = 10;

二、一个变量可屡次声明，后面的声明会覆盖前面的声明

var a = 10;
var a = 20;
console.log(a); // 20

三、在函数中使用var声明变量的时候，该变量是局部的

var a = 10;
function change(){
    var a = 20;
}
change();
console.log(a); // 10

而若是在函数内不使用var，该变量是全局的

var a = 10;
function change(){
    a = 20
};
change();
console.log(a); // 20

2、let的特色

一、不存在变量提高，let声明变量前，该变量不能使用（暂时性死区）。

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

二、let命令所在的代码块内有效，在块级做用域内有效

{
    let a = 10;
}
console.log(a);  // ReferenceError: a is not defined

三、let不容许在相同做用域中重复声明，注意是相同做用域，不一样做用域有重复声明不会报错

let a = 10;
let a = 20;
// Uncaught SyntaxError: Identifier 'a' has already been declared

let a = 10;
{
    let a = 20;
}
// ok

3、const

一、const声明一个只读的变量，声明后，值就不能改变

const a = 10;
a = 20;  // TypeError: Assignment to constant variable.

二、const必须初始化

const a;  // SyntaxError: Missing initializer in const declaration
const a = 10; // ok

三、const并非变量的值不能改动，而是变量指向的内存地址所保存的数据不得改动

const obj = {
    age: 17
}
obj.age = 18;  // ok

obj = {
    age: 18
}
//  SyntaxError: Identifier 'obj' has already been declared

四、let该有的特色const都有

4、区别

• 变量提高

var声明的变量存在变量提高，即变量能够在声明以前调用，值为undefined
let和const不存在变量提高，即它们所声明的变量必定要在声明后使用，不然报错

• 块级做用域

var不存在块级做用域
let和const存在块级做用域

• 重复声明

var容许重复声明变量
let和const在同一做用域不容许重复声明变量

• 修改声明的变量

var和let能够
const声明一个只读的常量。一旦声明，常量的值就不能改变，但对于对象和数据这种引用类型，内存地址不能修改，能够修改里面的值。

5、使用

能用const的状况下尽可能使用const，大多数状况使用let，避免使用var。
const > let > var
const声明的好处，一让阅读代码的人知道该变量不可修改，二是防止在修改代码的过程当中无心中修改了该变量致使报错，减小bug的产生。let声明没有产生预编译和变量提高的问题，先声明再使用可让代码自己更加规范，let是个块级做用域，也不会污染到全局的变量声明。
最后说一点就是使用的场景说明：let通常应用于基本数据类型；const 通常应用于引用数据类型，也就是函数对象等。
————————————————
版权声明：本文为CSDN博主「前端Vincent」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处连接及本声明。
原文连接：https://blog.csdn.net/xiewenh...