javascript - JS中构造函数 "creates"无限循环

Question

我注意到构造函数中有一些奇怪的行为。这段代码无限循环，我不知道为什么。

function thing(){
    this.start=function (){console.log(this.msg)};
    this.msg="Starting...";
    setInterval(() => {this.start()},1000)
}

<button onclick="new thing()">Create a new thing!</button>

我对此进行了搜索，但没有找到任何可以解释这一点的内容。请有人帮助我并回答为什么会发生这种情况。

谢谢。

Answer 1

您确定要使用 setInterval 而不是 setTimeout 吗？前者每1秒调用一次this.start，而后者1秒后调用一次，请查看下面解释这两个功能的链接:

1. 设置时间间隔 https://developer.mozilla.org/pl/docs/Web/API/Window/setInterval

2. setTimeout https://developer.mozilla.org/pl/docs/Web/API/Window/setTimeout

正确的代码片段应该是:

function thing(){
    this.start=function (){console.log(this.msg)};
    this.msg="Starting...";
    setTimeout(this.start(), 1000)
}

<button onclick="new thing()">Create a new thing!</button>