关于前端的闭包和事件解绑问题

[qaqLjj]

add,remove 这两个闭包访问的 hide 函数为什么不是同一个函数呢,
正因为不是同一个函数，导致事件解绑失败了。
求高手指教

---

-------借助全局变量 addHide 保存调用 add 时访问的 hide ,代码如下-------

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()

[xxx749]

你这代码跑了两次，所有 hide 函数也声明了两次，你把 clickListener 函数的返回值赋值给变量再试一次就相等了

[xxx749]

@xxx749 #1 所有 -> 所以

[qaqLjj]

@xxx749 你说的对，我发完问题也看出来了，执行一次就创建了一个新的闭包

[rabbbit]

const {add, remove} = clickListener()
add()
remove()

[SoloCompany]

这种问题很常见也是无解的

如果闭包不保证单例, 一般的解决方案是增加名称空间
add: $(document).on('click.moduleHash', hide)
remove: $(document).off('click.moduleHash')