react_this

函数的this指向是在进入执行上下文的时候才确定的，它并不是静态绑定的。

var x = 1;
var obj = {
  x: 2,
  getValue: function() {
    return this.x
  }
}
var fn = obj.getValue
fn() // 1
obj.getValue() // 2

但是使用bind,可以返回一个新的函数，当这个函数调用的时候this指向的是传入值，例如把上一段代码稍加修改。

var fn = obj.getValue.bind(obj)
fn() // 2

在react中这样写，是为了让子组件在调用这个函数的时候this是指向父组件的。

赏

谢谢你的关注

支付宝

微信

• 本文作者： Raphael_Li
• 本文链接： https://lifei-2019.github.io/react-this/
• 版权声明： 本博客所有文章除特别声明外，均采用 Apache License 2.0 许可协议。转载请注明出处！