在React中，大多数高性能的绑定？

Question

最近，我一直在使用两种方法在React中绑定它。

handleChange = (e) => {
    this.setState({
      newData: e.target.value
    })
  }

与

handleChange(e) => {
    ...
  }

但需要const this.handleChange = this.handleChange.bind(this)

哪个会更高效？感谢。

Answer 1

没有bind的版本很可能更快。自ES5问世以来，bind一直被认为是性能问题的根源，因为标准需要处理所有边缘情况bind。

基准bind与使用闭包进行基准测试表明，bind最有可能慢很多倍，如here所示。由于箭头函数只是闭包，在这种情况下箭头函数几乎肯定会更快。