如何解绑使用了 throttle 的事件？

Question

使用这种方式绑定了事件之后：

document.addEventListener('scroll', _.throttle(funcName, 200))

该怎么解绑呢？

试验了：

document.removeEventListener('scroll', _.throttle(this.checkPosition, 200))

和

let event = _.throttle(funcName, 200)
document.addEventListener('scroll', event)
document.removeEventListener('scroll', event)

都不能成功解绑。请问该怎么做呢？

Answer 1

必须通过实名函数解绑

function clickDoc(){
    alert(1);
}
document.addEventListener('click', clickDoc)
document.removeEventListener('click', clickDoc)

Answer 2

const throttledResize = _.throttle(this.resize, 200)

window.addEventListener('resize', throttledResize);
window.removeEventListener('resize', throttledResize);

react中如：

constructor(props) {
   ...
   this.throttledResize = _.throttle(this.resize, 200)
}

componentDidMount() {
    window.addEventListener('resize', this.throttledResize);
}

componentWillUnmount() {
    window.removeEventListener('resize', this.throttledResize);
}