let 和 var 和const的区别
变量提升(var允许 let和const不允许)
变量提升,即变量可以在声明之前使用,值为undefined
console.log(a) // 正常运行,打印出 undefined
var a = 1
------------------------
console.log(b) // 报错,Uncaught ReferenceError: b is not defined
let b = 1
------------------------
console.log(c) // 报错,Uncaught ReferenceError: b is not defined
const c = 1
可以看出只有var 存在变量提升的问题,按照一般的逻辑,变量应该在声明之后再使用才对,所以ES6 规定const 和 let 命令都不会发生变量提升 。
块级作用域 (var 不是块级 let和const属于块级作用域)
var、let和const另外一个重要区别就是let和const只在块级作用域中有效,比如:
{
var a = 'Smiley';
}
console.log(a) // 能正确打印出Smiley
但是:
{
let a = 'Smiley';
}
console.log(a) // 报错: Uncaught ReferenceError: a is not defined
重复声明
let 和const 命令都不允许重复声明同一个变量
而var 是允许重复声明的,但重复声明显然是不建议的
初始值
const 声明的是一个只读的常量,一旦声明,就必须赋初始值,而且声明之后不允许改变
const PI = 3.1415
PI = 3 // 报错,Uncaught TypeError: Assignment to constant variable.
循环的例子
for(var i=0;i<3;i++){
const log =()=>{
console.log(i);
}
setTimeout(log,1000)
}
之所以结果返回3,这是因为所有的i都使用同一个引用,而i最终会被更新为3,因此,最终window中定义的 var a 被赋值为3
for(var i=0;i<3;i++){
const log =()=>{
console.log(i);
}
setTimeout(log,1000)
}
在每次循环当中,都会创建一个新的let
i(因为let只在块级作用域有效,因此是不会报错的),因此result[i]使用的每个i都是不同的,值并不会像使用var的例子那样不断增加。