在JavaScript中,函数声明会被提升到作用域顶部。但如果使用了函数表达式定义函数,那么就不会被提升。因此,如果我们在函数表达式中使用 addEventListener,就需要确保该表达式在使用之前已经被定义。
举个例子,我们可以定义一个函数表达式的变量,然后使用该变量调用 addEventListener。如下所示:
// 定义函数表达式
const handleClick = function() {
console.log('Button clicked');
};
// 给按钮添加事件监听器
document.getElementById('myButton').addEventListener('click', handleClick);
在这个示例中,我们在定义 handleClick 函数表达式之后,使用该表达式调用 addEventListener。因此,我们可以确保函数已经被定义,可以安全地用于事件监听。