var tmp=new Date();
function f(){
console.log(tmp);
if(false){
var tmp='hello world';
}
}
f();// undefined
上面代码的原意是,if代码块的外部使用外层的tmp变量,内部使用内层的tmp变量。但是,函数f执行后,输出结果为undefined,原因在于变量提升,导致内层的tmp变量覆盖了外层的tmp变量。
es6代码
let tmp = new Date();
function f(){
console.log(tmp);
if(false){
tmp='hello world';
console.log(tmp);
}
}
f();// Wed May 24 2017 15:45:57 GMT+0800 (中国标准时间)
场景2:
var s = 'hello';
for (var i = 0; i < s.length; i++) {
console.log(s[i]);
}
console.log(i);//5
上面代码中,变量i只用来控制循环,但是循环结束后,它并没有消失,泄露成了全局变量。(可以把 var i 改为 let i 试一下)
es6代码
var s = 'hello';
for (let i = 0; i < s.length; i++) {
console.log(s[i]);
}
console.log(typeof i); // typeof 会抛出异常 => undefined