关于js this的问题

Question

function foo() {
        console.log(this.a);
    }

    function doFoo(fn) {
        fn();
    }

    var obj = {
        a: 2,
        foo: foo
    };

    var a = "oops,global";

    doFoo(obj.foo); //oops,global
    
    为什么会输出全局对象呢？obj怎么就丢失了他的绑定呢？

Answer 1

obj.foo === foo;   //true
//如果传入doFoo的参数为函数，传递的是这个参数的引用

那么最后的执行代码类似于

doFoo(foo)；

this不是在函数声明定义的时候绑定的，而是在函数被调用执行的时候绑定的。

图片来源博客

---

function doFoo(fn) {
        fn();
        //调用doFoo后执行fn，这时候确定this指向,fn前面没有.调用符，所以指向window
    }

Answer 2

doFoo(obj.foo.bind(obj));//2

Answer 3

你最后执行的还不是：

function foo() {
        console.log(this.a);
    }

这样才是2：

obj.foo();//2

Answer 4

我好像想明白了。
fn 只是 obj.foo的引用

Answer 5

可以通过call.apply.bind来改变作用域，指向obj的a，就像一楼那样，其他两个可自行学习，基本一样
foo一开始就是全局函数，this.a指向全局的a，并非
obj

Answer 6

一个函数不会真正属于某个对象。对象拥有的只是函数的引用。
而this的指向取决于这个函数是被哪个对象调用的，和这个函数是哪个对象的属性无关。