JS面试题：变量声明的提升，javascript的变量声明提升-蒲公英云

JS面试题：变量声明的提升，javascript的变量声明提升

桃扇骨 2022-05-24 22:47 424阅读 0赞

变量声明（定义变量）提升：

   在预编译阶段，编译器会把所有定义的变量全部提升到最顶部，即，把变量声明的语句会自动放置到开始。换句话说，经过预编译后，在任何函数里，一开始是全部的变量声明。
//示例一：
/*
function func1(){
    alert(v1);
    var v1;
}
//等价于(即预编译后)：
function func1(){
    var v1;
    alert(v1);
}
*/
//示例二：
/*
function func1(){
    alert(v1);//弹出undefined，因为，只做声明的提升，不做赋值的提升
    var v1=5;
}
//等价于(即预编译后)：
function func1(){
    var v1;//声明提升了，但是赋值没有提升
    alert(v1);
    v1=5;
}
*/
/*
//示例三：
function func1(){
    alert(i);//弹出 undefined，因为，只做声明的提升，不做赋值的提升
    alert(j);//弹出 undefined，因为，只做声明的提升，不做赋值的提升
    for(var i=0;i<10;i++){
        for(var j=0;j<10;j++){
        }        
    }
}
//等价于：
function func1(){
    var i;
    var j;
    alert(i);
    alert(j);
    for(i=0;i<10;i++){
        for(j=0;j<10;j++){
        }        
    }
}
*/

如果有全局变量，并且全局变量和局部变量重名

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <input type="button" value="测试" οnclick="func1()" /><br/>
</body>
</html>
<script type="text/javascript">
//示例一：
var v1=200;
function func1(){
    alert(v1);//弹出undefined；
    var v1=300;
}
//等价于(预编译后)：
var v1=200;
function func1(){
    var v1;
    alert(v1);//弹出undefined；
    v1=300;
}
</script>