这段代码如何理解(关于作用域链和私有变量)

点点乐淘淘
  • 332
(function(){
        function A(){
            var v = "a";
            this.getVar = function(){
                console.log(v);
            }
        }
        function B(){
            var v = "b";
            A.call(this);
        }
        var b = new B();
        b.getVar();  //a
    })();

求这段代码如何理解,为什么var v = "a";注释掉之后会报错,如果用作用域来理解不应该输出b吗?

回复
阅读 2.1k
2 个回答
LancerComet
  • 928
this.getVar = function(){
    console.log(v);
}

其中的 v 会一直向上查找,直到 window。这里会查找 function A(),然后查找外面的自执行函数,之后再往上找到 window,都没有v

为何不是b,因为 v = bfunction B() 中,在function A()里找不到啊。

call 不会更改作用域,只会改变 this

那么修改一下

(function () {
    function A(){
        //var v = "a";
        var self = this;
        this.getVar = function(){
            console.log(self.v);
        }
    }

    function B(){
        this.v = "b";
        A.call(this);
    }

    var b = new B();
    b.getVar();  //b

})();

这个是语法域决定的,而不是在运行的时候决定

A中查找v,只会查找A自己函数内定义的v

找不到,就去上一级找,即这个IIFE里面找,也没找到

再上,global里面也没找到,就报错了

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