关于this的指向性问题

Question

var foo = "window";
var obj = {
    foo : "obj",
    getFoo : function(){
        return function(){
            return this.foo;
        };
    }
};
var f = obj.getFoo();
console.log(f());  //结果：window

为什么上述代码的运行结果是window呢？

Answer 1

函数执行，函数体内的this指向函数的调用方

1、下面这段代码，getFoo函数的调用方是obj，所以getFoo函数内部的this指向obj对象

var f = obj.getFoo()

2、getFoo函数返回了一个匿名函数赋给变量f，再执行函数f，此时变量f是挂载到window上的，函数f的调用方是window，函数f内部的this也指向window

console.log(f());  //结果：window

Answer 2

obj.getFoo() 返回一个方程，赋值给了 f 。
f 通过 f() 被调用，没有明确的调用者，所以 this 就是 window 。

想要的到 "obj" ，可以这样做

var foo = "window";
var obj = {
    foo : "obj",
    getFoo : function(){
        var self = this;
        return function(){
            return self.foo;
        };
    }
};

var f = obj.getFoo();
console.log(f());

Answer 3

因为，在f()实际运行的地方，this是window，由于没有通过call或者bind改变上下文，所以输出的就是window。

可以按照如下替换方法：

console.log(f());
// ----->
console.log(obj.getFoo());
// ----->
console.log(function() {
    var self = this;
    return function() {
        return self.foo
    }
});

这里的self就是指向window了，所以return self.foo就是return window.foo，也就是'window'。

Answer 4

其实最简单的理解就是obj.getFoo给了f,然后再看这方法运行的位置在哪.

f = function () {
    return function () {
        return this.foo
    }
}

Answer 5

console.log(f())中f()是独立被调用的
1.如果调用者函数，被某一个对象所拥有，那么该函数在调用时，内部的this指向该对象。
2.如果函数独立调用，那么该函数内部的this，则指向undefined。
推荐阅读 http://www.jianshu.com/p/d647... 希望对你有所帮助

Answer 6

在一个函数上下文中，this由调用者提供，由调用函数的方式来决定。如果调用者函数，被某一个对象所拥有，那么该函数在调用时，内部的this指向该对象。如果函数独立调用，那么该函数内部的this，则指向undefined。但是在非严格模式中，当this指向undefined时，它会被自动指向全局对象。链接描述
这里f()所引用的函数是在独立调用，所以在非严格模式下this指向全局对象。

Answer 7

this 指向函数的直接调用者。

Answer 8

闭包中 this 指向全局变量

Answer 9

因为 obj.getFoo() 返回一个匿名函数;
实际上
var f = obj.getFoo(); //实际上就是执行下面这段代码

var f = ()=>this.foo; //this指向全局

Answer 10

定义个局部变量指向this

var vm = this

或者使用es6中箭头函数=>可以直接在内部方法中使用this

Answer 11

var f = obj.getFoo(); //这句f获取到了函数的引用
console.log(f());  //这句才是执行函数，所以this指向window