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

Question

在下面的代码中，什么时候somethingUseful.thisUsefulThing调用 from 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

简单回答您的问题，是的，thisUsefulThing 可以访问 thatUsefulThing

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

当我使用文字对象时，我通常通过名称而不是“this”来引用它们，所以在你的情况下，我会用 somethingUseful.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);