ECMAScript6的lambda(arrow function)的this綁定導致call/apply失效

標籤：

錯誤情境：

App = React.createClass({    render: () => {    return (      <div></div>    );  }});

按照上述寫法，在用到App的地方會出現undefined的問題。

而下面這種寫法則沒有問題：

App = React.createClass({  render: function () {    return (      <div></div>    );  }});

另外也可以使用es6的簡化的方法定義寫法：

App = React.createClass({  render () {    return (      <div></div>    );  }});

一般說來，能用lambda的地方肯定盡量用，簡潔美觀，但是上面第一種寫法導致了錯誤，我猜測是this的問題，查閱發現lambda和call/apply有一點衝突，lambda因為自動綁定this，會導致call/apply綁定this的企圖失敗：Arrow functions - JavaScript | MDN 。這樣寫的話lambda的this綁定到了global object上：stackoverflow的一個答案

本人水平所限，沒有去閱讀react的源碼證實render是綁定this使用的，但上述錯誤的原因也只有這個可能了 :)

ECMAScript6的lambda(arrow function)的this綁定導致call/apply失效