提升机制(Hoisting):
js引擎的工作方式是,先解析代码,然后再一行一行的运行,这就造成,在函数作用域或全局作用域中通过var声明的变量,无论在哪里声明的,都会被当做在当前作用域的顶部声明的变量。
function hoistingTest(val){
if(val){
var strValue = "Yana";
}else{
console.log(strValue);//undefined,此处可以访问变量,其值为undefined
}
console.log(strValue);//undefined,此处可以访问变量,其值为undefined
}
hoistingTest(false);
所以并不是在val值为true的时候才会创建变量。事实上,在预编译阶段,JavaScript引擎会将上面的hoistingTest函数修改成:
function hoistingTest(val){
var strValue;
if(val){
strValue = "Yana";
}else{
console.log(strValue);
}
console.log(strValue);
}
hoistingTest();
变量strValue被提升至函数顶部,这样else子句中也可以访问到该变量,并且由于strValue还没被初始化,所以值是undefined。