请大神来解释下为什么可以打印出_data的值

<!DOCTYPE html>
<html>
<head>

<meta charset='utf-8'>
<script>
    function Template() {}
    
    Template.prototype = {
        getData: function() {
            if (100) {
                var _data = 'this is data';
            }
                console.log(_data);    
        }
    }
    var temp = new Template();
    temp.getData();
</script>

</head>
<body>
</body>
</html>

问题:_data是在括号内声明的,为什么在括号外还是可以打印他的值呢?难道这就是传说中的闭包?!

阅读 2.1k
2 个回答

这是只是因为变量提升了,实际这段代码是这样的:

<script>
    function Template() {}
    
    Template.prototype = {
        getData: function() {
            var _data;
            if (100) {
                 _data = 'this is data';
            }
            console.log(_data);    
        }
    }
    var temp = new Template();
    temp.getData();
</script>

所以当然能打印出data的值。
关于变量提升,你可以看看这篇文章:
JavaScript变量提升

js没有块级作用域。

推荐问题
宣传栏