变量提升所导致的问题

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

你可能感兴趣的:(变量提升所导致的问题)