1. var
* var 定义的变量可以修改，如果不初始化会输出undefined，不会报错；
* 在相同作用域里，可以重复声明同一个变量;
* 会声明提升；（ if 内的 {} 不是作用域）
2. let
* let是块级作用域，函数内部使用let 定义后，对函数外部无影响；
* 在相同作用域里，不可以重复声明同一个变量；
* 声明的变量不会存在变量提升；（ if 内的 {} 是作用域 ）
* “暂时性死区”，在代码块内，使用let命令声明变量（或者const声明常量）之前，该变量（常量）都是不可用的。
底层原理：
1.在底层自动被翻译为匿名函数自调；
2.变量自动改名，比如 let t = XX => var _t = XX
3.const
* const 定义的变量不可修改，而且必须初始化，不能用null 占位；
* 在相同作用域里，不可以重复声明同一个变量；
* 声明的变量不会存在变量提升；
* 声明的是复杂类型数据，可以修改属性；
面试题：
for (var i = 0; i < 5; i++) {
setTimeout(function() {
console.log(i);
}, 1000);
}
//这个例子执行完输出什么结果？
//答案是 5,5,5,5,5
//如果想要输出0,1,2,3,4改怎么实现？
//其中一种方案就是把var换成let就可以了。let的块级作用域在这里就体现出来了。
for (let i = 0; i < 5; i++) {
setTimeout(function() {
console.log(i);
}, 1000);
}
网友评论