为什么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