不明白这两段代码的this指向问题

这是《你不知道js》里面的两段代码,第一段代码 this 是指向调用的位置的,也就是obj2。不明白为什么第二段代码this不指向obj,而是指向全局了。

function foo() { console.log( this.a );}
var obj2 = { a: 42, foo: foo };
var obj1 = { a: 2, obj2: obj2 };
obj1.obj2.foo(); // 42


function foo() { console.log( this.a );}
var obj = { a: 2, foo: foo };
var bar = obj.foo; // 函数别名!
var a = "oops, global"; // a是全局对象的属性 
bar(); // "oops, global"
阅读 3.5k
6 个回答

this 总是指向调用者。

第一段里面 foo 函数的调用者是 obj2,而第二段foo函数赋值给了全局变量bar,那么调用bar函数的就是全局对象,那么this指向全局对象,故输出全局的a

与我们常见的很多语言不同,JavaScript 函数中的 this 指向并不是在函数定义的时候确定的,而是在调用的时候确定的。换句话说,函数的调用方式决定了 this 指向。

参考:JavaScript 的 this 指向问题深度解析

this总是指向调用者

第一个,最后是obj2调用的,所以this指向obj2

第二个,是在全局作用下调用的,因为bar函数没有指定this,会自动地注入全局上下文,即window,所以最后打印window.a

this指向看的是:
1.函数执行的时候谁调用的,那么函数中的this就是谁
2.函数执行前边无人调用,代表是全局window调用,自然函数中的this就是window
3.自执行函数/定时器/回调函数一般函数中的this指向window
4.存在call/apply/bind时,一般函数this指向会被修改,即函数执行时的第一个你指定的参数

就想起这么多,凑合看哈
总之,一句话,并不看函数定义,只看函数执行,谁调用就是谁!

新手上路,请多包涵

可以通过闭包,将匿名函数和外部函数“绑定”。

        var foo = "window";
        var obj = {
            foo : "obj",
            getFoo : function(){
                var that = this;
                return function(){
                    return that.foo;
                };
            }
        };
        var f = obj.getFoo();
        alert(f());
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题