添加并立即删除事件侦听器的目的是什么？

我遇到以下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事件监听器被添加，然后立即删除 - 也许发信给另一个代码在这里没有显示 - 但现在我真的不习惯这种模式。

这些线的目的是什么？

来源

2017-09-16 verism

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

来源

2017-09-16 12:14:38

好吧，我明白了 - 所以一旦css动画结束，就会删除侦听器。但据我所知（无可置疑地不正确），一旦转换完成，所发生的一切就是删除最近应用的监听器。我知道动画需要一定程度的管理，但我没有看到这段代码实际上有什么帮助。 – verism

@verism它可能与'onSideNavClose'内部发生的事情有很大关系。 – Pointy

@Pointy在'closeSideNav'函数内部是不是'onSideNavClose'？ – verism

添加并立即删除事件侦听器的目的是什么？

回答

相关问题