javascript - ES6 对象中的 setInterval

Question

这个问题已经有答案了:

How to access the correct `this` inside a callback (15 个回答)

已关闭 4 年前。

我有以下对象。我一直工作直到使用 setinterval 。我意识到this成为对象timeout

class test{
    constructor(){
        this.counter = 0
    }
    startCounter(){
        this.increment()
       setInterval(this.increment, 1000)
    }
    increment(){
        this.counter++
        console.log(this.counter)
    }

}

var t = new test()
t.startCounter()

输出:

1
NaN
NaN
NaN
NaN
NaN
NaN

How to access the correct `this` inside a callback?建议我应该使用 var self = this但ES6不支持私有(private)变量

Answer 1

请尝试这个:

class test{
    constructor(){
        this.counter = 0
    }
    startCounter(){
        this.increment()
       setInterval(this.increment.bind(this), 1000)
    }
    increment(){
        this.counter++
        console.log(this.counter)
    }

}

var t = new test()
t.startCounter()