如何使用JavaScript编写一个高效的事件侦听器？

一个事件侦听器能够监听某个事件并在该事件发生时执行特定的代码。JavaScript 提供了一个 addEventListener() 方法，用来添加事件侦听器。下面是一个基本的示例：

// 获取需要绑定事件的元素
const myButton = document.querySelector('#myButton');

// 创建事件侦听器函数
const myFunction = function() {
    console.log('Button clicked!');
};

// 给按钮添加点击事件侦听器
myButton.addEventListener('click', myFunction);

这个代码先获取到 ID 为 myButton 的按钮元素，接着定义了一个函数 myFunction() 作为事件侦听器。最后，使用 addEventListener() 方法将按钮的点击事件与 myFunction() 函数绑定起来。