JS语法中有这样的规则：如果将一个函数的函数体（没有 () ）赋值给另一个变量，函数体内部的 this 指向可能会发生变化。会不会变化取决于函数和被赋值的变量是否处于同一个作用域（相同的执行环境）中，但实际使用中，将一个函数赋值给相同作用域的变量没有意义，那样的话直接使用那个函数就好，没必要在赋值给另一个变量。
this 指向不发生改变的没有意义的例子（为了方便说明，直接使用 var 操作符）：
rush:js;">
var fn = function () {
console.log(this);
};
var a = fn;
fn(); // window
a(); // window
this 指向发生改变的例子：
var fn = function () {
console.log(this);
};
// 将函数体赋值给一个对象的属性，函数执行时 this 和定义时指向不同
var o = {
a: fn,};
fn(); // window
o.a(); // o，即{a:f}
如果想要在将函数体赋值另一个变量的同时把原函数的 this 指向也一块赋值过去，就需要在赋值的过程中进行绑定 this 的操作，如下：
rush:js;">
var fn = function () {
console.log(this);
};
// fn 在赋值的同时将内部的 this 打包一块赋值给了 a
var o = {
a: fn.bind(this),};
fn(); // window
o.a(); // window
通常在将函数体赋值给变量的时候为了避免 this 出错，都会进行 绑定执行环境的操作 ，典型的例子是 var bindId = document.getElementById.bind(document)
2,JSX 存在的问题
因为 JSX 中 DOM 元素也是对象，给元素的属性赋值实际是给 DOM 元素对象的属性赋值，见下：
这实际就是 将函数体赋值给一个对象的属性，函数执行时 this 和定义时指向不同 的场景，和原生语法相同的是 this 指向发生了改变，不同的是原生 JS 中不管怎样， this 总归是有个指向的，而 JSX 直接 undefined 。
所以说不绑定 this 报 undefined 的错不能全怪 JS 原生语法。
3. 双向数据绑定
通过 state 传递数据加上事件处理程序便能实现数据的双向绑定，其背后的思想是（以 input 为例）：初始化时将 state 中预定义的 state a 赋值给 input，当 input 的 value 发生改变时，触发事件处理程序，将改变后的 value 赋值给状态 a ，React 监测到 state 改变时重新调用 render() 方法，即重新渲染组件，达到双向绑定的目的。
