javascript - 添加然后立即删除事件监听器的目的是什么？

Question

我遇到了以下on github ，它构成了专门用于管理抽屉式侧面导航行为的类的一部分。

closeSideNav() {
    this.sideNav.classList.remove('side-nav--visible');
    this.sideNavContent.classList.add('side-nav__content--animatable');
    this.sideNavContent.style.transform = 'translateX(-102%)';

    let onSideNavClose = () => {
        this.sideNav.removeEventListener('transitionend', onSideNavClose);
    }
    this.sideNav.addEventListener('transitionend', onSideNavClose);
}

该函数的前三行不需要解释，但我对后三行有点困惑。起初，我以为添加了 transitionend 事件监听器，然后立即将其删除 - 也许向此处未显示的另一段代码发出信号 - 但现在我真的不习惯这种模式。

这些行的目的是什么？

Answer 1

它不会立即删除。它在触发一次后被删除。这是一次性 UI 操作的常见模式，例如导航只能关闭一次，按第二次按钮没有任何意义，并且可能会混淆正在运行的动画等。