javascript作用域和作用域链

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
</head>
<body>
    <script>
        window.onload=function(){
            var scope="global";
            function t(){
                console.log(scope);
                var scope="local";
                console.log(scope);
            }
            t();
        }
    </script>
</body>
</html>

上面的这一段代码,第一个打印的是undefined,第二个打印的是local,这是为什么啊,不是说通过作用域链可以向上访问的吗,那为什么第一次打印的时候会是undefined。

阅读 2.1k
2 个回答
不知道你看的哪本书,应该基本上都会讲到。
window.onload=function(){
    var scope="global";
        function t(){
            console.log(scope);
            var scope="local";
            console.log(scope);
        }
    t();
}

这里是变量声明提前,修改后就是这样
        function t(){
            var scope;
            console.log(scope);
            scope = "local";
            console.log(scope);
        }
所以第一个.log输出是因为在自己的函数作用域链上找到了一个本地变量,但是此时还没有赋值-->undefined。
同理,第二个是因为已经赋值了--> local。

变量提升时函数会进行声明和定义,而通过var声明的变量还未定义,全局此时赋值给此变量为undefined。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题