js里的bind

前情提要

写代码：react+redux+js
发现继承自组件的函数方法居然不bind，问了mentor，如下记录

js里的bind做什么

js里的bind
总结：a.bind(b)
返回一个新函数（创建了一个函数的绑定版本） 函数体同a,爹是b（a的爹没变，爹不能随便变）
写的超级好的一篇 为什么需要bind!

js里的this

this
总结：
①全局 this：全局对象
②函数（运行内环境）

• 简单调用：非严格模式：全局对象
• 简单调用：严格模式 如果没有被执行环境所定义，undefined
• 作为对象的方法：this：调用该函数的对象
• 作为构造函数（使用new关键字）：this被绑定到正在构造的新对象
• DOM事件处理函数：this指向触发事件的元素（一些浏览器在使用非addEventListener的函数动态添加监听函数时不遵守这个约定）
• …
  所以：class里的方法可以直接调用 this.xxx()
  因为是亲儿子，自然指向爹，无需bind

箭头函数

箭头函数

总结

在react的组件类 extends component
首先类内方法无需绑定，调用即可，this指向明确
事件处理函数 eg οnclick={}
这种①箭头函数写在里面

<button onClick={()=>...}>

写成箭头函数

②箭头函数赋值类内函数+直接调用

class A extends component{
handle = ()=>{
xxxxxxx
}
<button onClick={this.handle}>

③ 正常函数需要绑定

class A extends component{
constructor(props){
super(props);
this.handle=this.handle.bind(this);
//这个bind是必须的！！！
//在哪里绑定好像componentdidmount也行？留做疑问，通常是构造函数
}
handle(){
xxxxx
}
<button onclick={this.handle}>

这种情况主要就是事件处理函数需要bind

一些提问

1. 为什么需要bind？
2. bind的主要情况？
3. this的通常指向？如果不用到this也需不需要困扰
4. 事件处理函数不用到this呢？
5. 箭头函数的用处
6. 箭头函数vs普通函数

总结

一些自己的理解，没有求证！！！千万别信！！！
因为还在学习，只是记录
有可能有错误，会不断更正，不配作为参考