EventListener 捕获的范围包括所有 let 变量，但不包括 var 变量？

问：

我有以下代码用于将事件侦听器附加到 html 元素。我知道此事件侦听器的回调与其词法环境形成闭包。

var submit = document.getElementById("submit");
var x = 0;

function attachEventListener(element, x){
    let count = 0;
    let el = document.getElementById("counter");
    element.addEventListener('click', (e) => {
        e.preventDefault();
        count++;
        el.innerHTML = count + ` ${x}`;
    });
}

我的问题是通过脚本范围捕获 var 和 let 变量之间的区别。 如下图所示，如果我定义 和 as，则它们不会通过脚本范围捕获。但是，当定义为变量时，它们确实会通过脚本范围捕获。 我的主要问题是为什么像这样使用事件侦听器创建范围？submitxvarletScript

我尝试以两种方式声明变量，并认为两者的行为在事件侦听器捕获的范围方面是相同的。我知道 let 变量是块范围的，var 是全局或局部范围的。但没想到脚本范围的差异。