JavaScript变量提升面试题

<!DOCTYPE html>
<html lang="zh">

    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <title>JavaScript变量提升 面试题</title>
    </head>

    <body>
        <script type="text/javascript">
            //函数提示优于变量
            console.log(a);//function a(){}
            console.log(b);//undefined
            var a = 1;
            function a(){}
            var b= function(){};
            console.log(a)//1
        </script>
    </body>

</html>

面试题2：

var a = 10;
(function () {
    console.log(a)
    a = 5
    console.log(window.a)
    var a = 20;
    console.log(a)
})()

解释：

执行解析步骤：
var a = undefined;
a = 10;
(function () {
// 变量提升（预解析）
var a = undefined;
console.log(a); // 输出undefined
a = 5;
console.log(window.a); // 找window(全局)对象的a, 输出10
a = 20;
console.log(a); // 输出20
})()

JavaScript变量提升 面试题

JavaScript变量提升面试题