javascript - 查找回调函数的父对象

Question

我有一个函数:

myObject.myFunction = function(callback){
  callback();
}

和回调

randomObject.callBack = function(){
  console.log(this);
}

如果我直接调用 randomObject.callBack()，我会在控制台中获得父对象。但是，如果我调用 myObject.myFunction(randomObject.callBack)，它会记录一个 DOM 元素。

如何访问父对象？

---

注意

我不知道运行前回调父对象的名称。

Answer 1

对象的上下文(即 this 值)在函数运行时确定，不是在定义时确定。将 randomObject.callBack 传递给另一个函数不会发送上下文(randomObject 位)；它只是发送函数。

大概是在 myFunction 调用它时设置了上下文。由于您没有明确提供上下文(例如使用 call 或 apply)，上下文将是 window 对象。

您可以通过在函数运行之前明确说明函数的上下文来更改它。您可以使用 bind 执行此操作方法:

myObject.myFunction(randomObject.callBack.bind(randomObject))

现在，当您在 myFunction 中调用 callback 时，randomObject 将被记录。

请注意，bind 相对较新；并非所有浏览器都支持它。我上面链接到的 MDN 页面有一些代码可以让它在所有浏览器中工作。