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

您的 此 可能正在引用一个全局对象，因为它位于一个函数内（可能是一个“窗口”），因此您可以尝试保存名称/调用者-id /这个按钮在进入函数之前知道在其中引用哪个按钮。

对于一些内部如何在JavaScript中工作，请检查： https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this