var声明及变量提升

提升机制(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。

你可能感兴趣的:(var声明及变量提升)