项目地址

---

part_1: eventListener

window.addEventListener

window.removeEventListener

使得绑定和解绑的是同一个"处理函数(landMore)"

---

错误写法 1:

    window.addEventListener('scroll',this.landMore,false)
    window.removeEventListener('scroll',this.landMore,false)

问题:

    landMore 内部 this指向出错

现象:

    this.state.XXX = undefined

---

错误写法 2:

window.addEventListener('scroll',this.landMore.bind(this),false)
window.removeEventListener('scroll',this.landMore.bind(this),false)

问题:

解决了 landMore 内部 this 的指向问题 
但是 使用 foo.bind() 会返回一个新函数 
    add => landMore.bind(this) 
    rm  => landMore.bind(this)
导致 绑定的 landMore 和取绑的 landMore 是两个不同的函数

现象:

    跳转页面后还是会执行 landMore 函数

---

正确写法:

constructor(){
    super()
    this.landMore = this.landMore.bind(this)
}

实现:

1:指定this
2:add/rm 同一个函数