為什么addEventListener只能與function（）一起使用，而不能與我通過的特定函數一起使用？

Question

為什么addEventListener與注釋的代碼中的function()一起使用，而不與我通過的特定函數一起使用？

var button = document.querySelector("button");  

// button.addEventListener("click", function(){ 
// button.classList.toggle("bigyellow"); 
// });  

button.addEventListener("click", toggleMe);  
function toggleMe(){    
    this.classList.toggle("big-yellow"); 
}


//CSS:
//.bigyellow {

//  background-color: #ffff66; /* yellow */
//}

Answer 1

您的this可能引用的是全局對象，因為它位於函數內部（可能是“窗口”），因此您可以在進入函數之前嘗試保存按鈕的名稱/主叫ID / this，以了解要使用哪個按鈕里面的參考。

有關它在JavaScript中如何工作的一些內部信息，請檢查： https : //developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this