如何將我在 class 中制作的 function 傳遞給事件偵聽器

Question

我想創建一個 tiktaktoe 板。 到目前為止的代碼如下。 在 class 板中，我創建了一個名為 reset 的 function。 我想使用這個 function 以便當單擊我在 HTML 中創建的稱為重置的按鈕時，將 function 傳遞給事件偵聽器。 我嘗試在最后一行執行此操作，但我不確定如何實現它。

const tiktaktoe = new Board (null, null, null, null, null, null, null, null, null)

class Board { 

constructor (spot1, spot2, spot3, spot4, spot5, spot6, spot7, spot8, spot9) {
this.spot1 = spot1
this.spot2 = spot2 
this.spot3 = spot3 
this.spot4 = spot4 
this.spot5 = spot5 
this.spot6 = spot6 
this.spot7 = spot7 
this.spot8 = spot8
this.spot9 = spot9

}

 reset() {
this.spot1 = null
this.spot2 = null 
this.spot3 = null 
this.spot4 = null
this.spot5 = null
this.spot6 = null
this.spot7 = null
this.spot8 = null
this.spot9 = null 
  } 
}

tiktaktoe.addMove(1, 'O') 
tiktaktoe.addMove(2, 'X')
tiktaktoe.addMove(2, 'O')
console.log(tiktaktoe);


document.querySelector('button').addEventListener("click", 
function(evt) {
reset(evt);
});

Answer 1

由於您已經創建了名為“tiktaktoe”的 object 板。

您可以像這樣傳遞方法：

document.querySelector('button').addEventListener("click", tiktaktoe.reset)

或者

document.querySelector('button').addEventListener("click", () => tiktaktoe.reset())