关于javascript:varlet和const

一、var 的特点

1、存在变量晋升

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

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

2、一个变量可屡次申明，前面的申明会笼罩后面的申明

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

3、在函数中应用 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

二、let 的特点

1、不存在变量晋升，let 申明变量前，该变量不能应用（暂时性死区）。

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

2、let 命令所在的代码块内无效，在块级作用域内无效

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

3、let 不容许在雷同作用域中反复申明，留神是雷同作用域，不同作用域有反复申明不会报错

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

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

三、const

1、const 申明一个只读的变量，申明后，值就不能扭转

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

2、const 必须初始化

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

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

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

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

4、let 该有的特点 const 都有

四、区别

• 变量晋升

var 申明的变量存在变量晋升，即变量能够在申明之前调用，值为 undefined
let 和 const 不存在变量晋升，即它们所申明的变量肯定要在申明后应用，否则报错

• 块级作用域

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

• 反复申明

var 容许反复申明变量
let 和 const 在同一作用域不容许反复申明变量

• 批改申明的变量

var 和 let 能够
const 申明一个只读的常量。一旦申明，常量的值就不能扭转，但对于对象和数据这种援用类型，内存地址不能批改，能够批改外面的值。

五、应用

能用 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…