react中class定义组件的this指向问题

改变this指向的方法：call、bind、apply

call和apply的区别：

call和apply既改变this指向也会调用该方法

bind只该百年this指向，不调用方法

call和apply的区别：传参不同

call传参一个一个的，apply用数组的形式

this指向不改变的时候为undefined的原因：js的运行机制问题，在react初始化的时候render方法执行，render方法第一次执行的时候，this指向当前组件，在下一次点击按钮的时候，在全局环境中调用click Handle方法，this指向window对象，text/bael采用js中的严格模式，在严格模式下，this是undefined，在调用clickHandle方法的时候this已经脱离了当前环境，解决方法：在初始化的时候，先做一次this指向的绑定。这种绑定this指向的方法是官方推荐写法，组件初始化的时候只做一次绑定

绑定this 方法：

this.clickHandle = this.clickHandle.bind(this)//改变this指向—最官方

<button onClick={this.clickHandle.bind(this)}>{this.state.count}<button>
直接在render的时候进行this绑定，每一次数据或者属性改变之后this指向绑定的操作都会执行
1
2
3
4
5
6
7

3. ```
   return (
   	<button onClick = {() => this.clickHandle()}>
   		{this.state.count}
   	</button>
   )---------------最常用