为什么我的输出乘以当我按下按钮？我希望它每次点击都有一个输出。

Question

const btn = document.querySelector('button')
let x = 0

const load = ()=>{
    btn.addEventListener('click',()=>{
        console.log(x++)
        load()
    })
}
load()

首次单击:0

第二次点击: 1，2

第三次点击: 3，4，5，6

第四次点击: 7、8、9、10、11、12、13、14

请帮助如何将我的输出写成这样：

首次单击:0

第二次点击:1

第三次点击:2

第四次点击:3

Answer 1

在事件侦听器中，调用load函数，后者再次注册侦听器。第一次，你有一个听众。当您按下该按钮时，您的侦听器将增加x并记录它，并调用load，后者将再次注册该侦听器。下次你按下按钮时..。

Answer 2

load注册一个事件处理程序。如果事件处理程序再次调用load，它将添加另一个事件处理程序，等等。

只是不要在事件处理程序中调用load。甚至根本没有理由定义load：

const btn = document.querySelector('button');
let x = 0;

btn.addEventListener('click',() => {
  console.log(x++)
});