javascript - 单击此处的每个按钮时计数究竟是如何增加的？

Question

我很想了解闭包在这组代码中究竟是如何发生的，以及它的实现方式。我在看一个教程，那个人给出了回调函数的例子，他还给出了闭包的例子。

function attachEventListeners() {
    let count = 0
    document.getElementById("clickMe").addEventListener("click", function () {
        console.log("Button Clicked", ++count)
    })
attachEventListeners()

我认为，为了让基于闭包的计数函数起作用，您必须返回该函数并将其分配给一个变量。否则每次调用外部函数时，count 都会初始化为 0。但是它在这里是如何工作的？

Answer 1

闭包本质上是当另一个函数内部的函数超出其自身范围以获取外部函数范围内的变量时的情况。

function attachEventListeners() {
    let count = 0
    document.getElementById("clickMe").addEventListener("click", function () {
        console.log("Button Clicked", ++count)
    })

在此示例中，传递给事件监听器的匿名函数正在获取并递增 attachEventListeners 函数范围内的变量 count。