let__const__1">一、let 和 const 共同点
1. 不重复声明
js">/* 使用 var 的时候重复声明变量是没问题的,只不过就是后面会把前面的覆盖掉*/
// 在全局作用域中声明变量 num
var num = 100;
{// 在块级作用域中再次声明变量 num
var num = 200; // 这里不报错
}
// 在全局作用域中重复声明变量 num
var num = 300; // 这里不报错
let
关键字
js">// 在全局作用域中声明变量 num
let num = 100;
{// 在块级作用域中再次声明变量 num
let num = 200; // 这里不报错
}
// 在全局作用域中重复声明变量 num
let num = 300; // 这里会报错
const
关键字
js">// 在全局作用域中声明变量 num
const num = 100;
{// 在块级作用域中再次声明变量 num
const num = 200; // 这里不报错
}
// 在全局作用域中重复声明变量 num
const num = 300; // 这里会报错
2. 无变量提升
js">// 因为预解析(变量提升)的原因,在前面是有这个变量的,只不过没有赋值
console.log(num); // undefined
var num = 100;
let
关键字
js">// 因为 let 不会解析预解析(变量提升),所以直接报错了
console.log(num); // 这里会报错
let num = 100;
const
关键字
js"> // 因为 const 不会继续预解析(变量提升),所以直接报错了
console.log(num); // 这里会报错
const num = 100;
3. 作用域限制
js">// var 声明的变量只有函数能限制其作用域,其他的不能限制
if(true){
var num = 100;
}
console.log(num); //100
let
关键字
js">// let 声明的变量,所有的代码块都可以限制其作用域(函数,if,while,for。。)
if(true){
let num = 100;
console.log(num); //100
}
console.log(num); //报错
const
关键字
js">// const 声明的变量,所有的代码块都可以限制其作用域(函数,if,while,for。。)
if(true){
const num = 100;
console.log(num); //100
}
console.log(num); //报错
let
关键字在for
循环中特例:
js">// ()相当于一个父作用域,{}是一个单独的子作用域。
for (let i = 0; i < 3; i++) {
let i = 'abc';
console.log(i); // abc
}
4. 暂时性死区
ES6 明确规定,如果区块中存在 let 和 const 关键字,这个区块对声明的变量,从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量,就会报错。
总之,在代码块内,使用 let 和 const 关键字声明变量之前,该变量都是不可用的。这在语法上,称为“暂时性死区”( temporal dead zone,简称 TDZ)。
let__const__99">二、let 和 const 不同点
1. 声明时区别
js">let num1 ;
console.log(num1); // undefined
const num2;
console.log(num2); // 这里就会报错了,因为 const 声明的时候必须赋值
2. 赋值时区别
js">let num = 100;
num = 200;
console.log(num); // 200
const num2 = 100;
num2 = 200;
console.log(num2); // 这里就会报错了,因为 const 声明的变量值不可以改变(我们也叫做常量)