js闭包题目求解

Question

var obj = {

    a:3,

    b:function(){

        console.log(this,1);

        var that = this;

        var s = function(){

            console.log(this,2);

            console.log(that,3);

        }

        return s;

    }

}

obj.b()();

来，求大神解释一下，为什么第二个输出是全局对象。this不应该访问的是父级内的this么？

继续再追问一下

var obj = {

    a:3,

    b:function(){

        console.log(this,1);

        var that = this;

        var s = function(){

            console.log(this,2);

            console.log(that,3);

        }

        s();

    }

}

obj.b();

这种情况下，2为什么也是window呢？

Answer 1

其实这里就是this的隐式丢失了。一个隐式丢失的过程是这样子的：var obj = {    a: function() {        console.log(this);    }};obj.a(); //作为对象的方法使用，隐式绑定，this为这个对象。var b = obj.ab(); //赋给一个变量，发生隐式丢失，this指向window。可以这样理解，this词法是跟调用的方式有关的，当调用obj.a()的时候，这个函数是基于obj对象来调用的，它作为对象的方法来调用，所以很显然this指向obj。 而var b = obj.a其实就等价于：var b = function() {    console.log(this);}于是当你调用b的时候，这是对b的直接调用，故指向window。 所以再看回你的代码。当你return了一个函数时，这里创建了一个闭包，that保存了对词法作用域的引用。 这个时候，obj.b()就等价于function s() {    console.log(this,2);    console.log(that,3);}又因为创建了闭包，所以that能够访问得到原来的词法作用域。但是这里的this跟函数调用的方法有关，它相当于直接调用了一个s函数，所以this自然指向window。 你可以去看下《你不知道的JS（上卷）》，里面this一节讲得十分清楚。补充第二段代码解释：其实这就是对函数的独立调用，默认绑定到了window对象上面。刚刚的说法有点小错误。this词法与函数调用的位置和调用的方式有关。一般情况下，都是先找到函数调用的位置，再判断调用的方式。按照你的代码，其实就是两种方式。一种是默认绑定，就是对函数的独立调用，指向window，严格模式下指向的是undefined。一种是隐式绑定，就是作为对象的方法去调用。但是这种情况很多时候会出现隐式丢失。综上，第一段代码，就是隐式丢失的情况。第二段代码，仅仅只是对于函数的独立调用，虽然是在obj中的b被调用的，仅此而已。