事件监听器,闭包引用函数指向

我遇到闭包的事件监听器无法移除事件的情况,最后发现 add 时和 remove 时闭包访问的并不是同一个函数,这是为什么,具体见 remove 里的 console.log

let addHide = null
function clickListener() {
  function hide() {
    console.log('hide exc')
  }

  function add() {
    addHide = hide
    document.addEventListener('click', hide, false)
  }

  function remove() {
    console.log(hide === addHide);
    document.removeEventListener('click', hide, false)
  }

  return {
    add,
    remove
  }
}

clickListener().add()
clickListener().remove()
阅读 3.2k
2 个回答

因为每次clickListener()都会生成一个新的hide,你应该

let mevent = clickListener()
mevent.add()
mevent.remove()

问题为什么发不出去

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题