一个事件处理程序中的引用变量，另一个事件处理程序中的引用变量

Question

我链接了以下事件处理程序。 该代码用于检测用户是否滚动，但这并不重要。还有一个关于范围的问题。

this.myElement.on('touchstart', (e) => {
    const startY = window.pageYOffset;
  }).on('touchend', (e) => {
    const endY = window.pageYOffset;
    if (startY === endY) {
      //do stuff
    }
  })

如何在touchend中引用在第一个事件处理程序（touchstart）中定义的startY变量？

Answer 1

您必须将其移到处理程序之外（进入更高的范围）。

let startY;

this.myElement.on('touchstart', (e) => {
    startY = window.pageYOffset;
}).on('touchend', (e) => {
    const endY = window.pageYOffset;
    if (startY === endY) {
      //do stuff
    }
});