类中的 setInterval 以创建游戏内时钟

Question

目前我正在尝试构建一个“游戏内”时钟，可以说是我正在构建的应用程序。我想要的是创建一个 Time 类并添加一个 setInterval() 来增加 seconds 属性的时间来测试

class Time {
    constructor() {
        this.seconds = 0;
        this.countTime = setInterval(this.increaseTime, 1000)
    }

    increaseTime() {
        this.time++
        console.log(this.seconds)
    }

}

let time = new Time();

我的预期是我的函数会使用我传递的 setInterval 函数增加 this.seconds 属性。相反，它在控制台中每秒都打印出 NaN。有人知道发生了什么吗？

Answer 1

这是因为 setInterval 在全局上下文中运行回调，而 this 没有指向类。您可以在词法范围内将此绑定到此变量或使用箭头函数。

  class Time {
    constructor() {
        this.seconds = 0;
        this.countTime = setInterval(this.increaseTime.bind(this), 1000)
    }

    increaseTime() {
        this.seconds++
        console.log(this.seconds)
    }

}

let time = new Time();