微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

为什么 javascript apply() 方法在我的类构造函数中没有按预期工作?

如何解决为什么 javascript apply() 方法在我的类构造函数中没有按预期工作?

我有一个存储数据的 Poll 类,并每隔几秒用 setTimeout 更新它。我使用构造函数来存储数据并初始化递归 setTimeout,使用 apply(this) 调用 updatePoll。令我惊讶的是,这个上下文的类没有被传递到 updatePoll 函数中。

updatePoll = async () => {
  console.log('updatePoll this:',this); //this is empty
  try {
    const updatedData = await getUpdatedData();
    this.data = updatedData
    setTimeout(() => {
      updatePoll.apply(this);
    })
  } catch(e) {
  }
}

class Poll{
  constructor(startData,pollName){
   this.data = startData;
   this.name = pollName
   setTimeout(() => {
     console.log('initial this:',this); //this is correctly referenced here   
     updatePoll.apply(this);
   },3000);
  }
}

new Poll(null,'myTestPoll');

正如代码注释中所指出的,我可以看到 this 在构造函数 setTimeout 回调中被正确引用,这意味着它应该应用于 updatePoll 函数调用,但我可以看到它不是' t 在 updatePoll 中。为什么会这样?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。