js中this指向(涉及回调函数)

常见的说法是js中this指向调用该方法的对象,但是以下情形仿佛并不是这样

var one = {name: "onename", say: function(greet){ return this; }};
var test = {name: "testname", method : function(callback){ var self = callback(); console.log(self);}};

one.say()输出如下:

图片描述

这没有问题,但是test.method(one.say)输出就比较难以理解了:

图片描述

test.method(one.say)不是应该输出对象test吗?怎么就是Window了呢?
如果one换成setTimeout是可以理解的,setTimeout是挂在window对象下的方法嘛,但此处情形真心期待大牛们的帮助。

阅读 7.7k
5 个回答

函数的this是由运行时决定的,函数作用域链是由声明时决定的。

当函数作为普通变量时,其this指向全局global(window)

当你把one.say传给test.method作为参数时,此时这个callback就是一个普通变量,所以直接调用,其中的this就是global

test.method(one.say) // calback = one.say ,此时 callback 还未被调用
var self = callback() //这时才调用了 callback

其实和setTimeout原理是一样的,say这个函数在后面也是作为一个参数传进去的。this的指向在不绑定的情况下也是指向全局的。

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