返回“void”类型参数的打字稿不能分配给“TimerHandler”类型的参数？

Question

我想更新在 angular 7 的实时服务器上使用收到的消息数量，就像我们在 Facebook 和主页上的 Linkedin 一样，我尝试了以下代码：-

获取消息的代码：-

getMessageCount(rid:any)
    {
      return this.http.get<any>(this.apiUrl+'message/'+rid);
    }
on the main page we have the following code run like this :-
export class HomeComponent implements OnInit {
   userAuthenticated=false;
   private tmessage:any;
  constructor(private service:LoginService,private mService:MessagingService) {
    if(this.service.currentUserValue)
    {
      this.userAuthenticated=true;
      const id=this.service.currentUserValue.id;
      window.setInterval(this.getMessages(id),5);

    }
  }
}

发送新消息后，它应该在不重新加载页面的情况下进行更新，有人能告诉我我能做些什么来实现它吗？

Answer 1

您没有提供getMessages ，所以我必须猜测。

我的猜测是， getMessages是一个空函数，在做一些事情，可能更新模型/视图而不返回任何东西，而setTimeout的第一个参数应该是一个函数。 因此，这

      window.setInterval(this.getMessages(id), 5);

应该

      window.setInterval(() => this.getMessages(id), 5);

Answer 2

问题是setInterval()需要一个函数作为第一个参数（也称为回调函数）。 然后它在设定的时间后执行该函数。 并且不仅以setTimeout()运行该函数一次，而且在给定的时间间隔后定期运行该函数。 但是你没有在你的代码中给出一个函数

window.setInterval(this.getMessages(id), 5);

但只是通过函数getMessages(id)给出一个值返回。

所以正确的方法应该是

window.setInterval(() => this.getMessages(id), 5);

现在给出了一个可以在给定时间后执行的函数。

还有另一种方法，您可以通过function.call()调用该函数。

window.setInterval(() => this.getMessages.call(this, id), 5)

call()方法使用给定的this值和单独提供的参数调用函数。

希望这会帮助你。 （如果有任何错误，请纠正我。提前致谢）