Question

在下面的代码中，从somethingUseful.thisUsefulThing调用setTimeout时，是否可以引用somethingUseful.thatUsefulThing？

var somethingUseful = {
  thisUsefulThing: function() {
    this.thatUsefulThing();
  },

  thatUsefulThing: function() {
    console.log("I am useful!");
  }
}

setTimeout(somethingUseful.thisUsefulThing, 1000);

现在，我收到了这个错误：

Uncaught TypeError: Object [object global] has no method 'thatUsefulThing'

Answer 1

简单地回答你的问题，是的，这个有用的旅行可以访问那个有用的旅行

但是当你的代码当前运行时，'this'实际上并不是全局的，它是对所有直接后代本身有用的东西的引用。

当我使用文字对象时，我通常用名字而不是'this'来引用它们，所以在你的情况下我会用'Somesese.thatUsefulThing（）

替换'this.thatUsefulThing（）'

为什么呢？因为它无论如何都在全球范围内运作！

编辑：

正如plalx在他对我的回答的评论中所指出的，实现这个类的最佳实践（使用示例类成员）将使用函数类/原型并看起来像这样：

function SomethingUseful () {
    this.member = 'I am a member';
}
SomethingUseful.prototype.thisUsefulThing = function () {
    this.thatUsefulThing();
}
SomethingUseful.prototype.thatUsefulThing = function () {
    console.log('I am useful, and ' + this.member);
}
usefulObject = new SomethingUseful();

usefulObject.thisUsefulThing(); // logs fine with access to this.member
setInterval(usefulObject.thisUsefulThing.bind(usefulObject), 1000); // has access to this.member through bind()

Answer 2

只需将this值绑定到somethingUseful。

setTimeout(somethingUseful.thisUsefulThing.bind(somethingUseful), 1000);

JavaScript：函数字典：函数可以从其字典中引用函数吗？

2 个答案: