debounce 函数在vue3 选项式api中使用存在this指向问题

[maodi-hub]

将debounce返回的函数赋值到methods中，执行的时候，传入的函数的this为 undefined

[HC-miss]

Is there a solution?

[aleclarson]

Two options:

1. Use .bind()
2. Use arrow function

class Player {
  constructor() {
    // Option 1
    this.defend = debounce({ delay: 100 }, this.defend.bind(this))
  }

  defend() {
    this.game.apply(new DefendAction(this))
  }

  // Option 2
  attack = debounce({ delay: 100 }, () => {
    this.game.apply(new AttackAction(this))
  })
}

P.S. Give the Radashi fork a try. It's an actively maintained and improved version of Radash.