箭头功能在浏览器中不起作用

时间:2016-10-09 09:04:18

标签: javascript node.js reactjs ecmascript-6

下面的方法工作正常

loadArticlesFromServer: ()=> {  //error - Cannot read property 'props' of undefined at line 6

但是,如果我将方法声明更改为第2行的箭头功能

loadArticlesFromServer= ()=> {  //Syntax error

{{1}}

我是否使用箭头功能不正确或丢失了什么?还是不支持?我正在使用chrome并尝试启用和谐标志而没有任何运气。

1 个答案:

答案 0 :(得分:0)

箭头函数表达式最适合非方法函数。让我们看看当我们尝试将它们用作方法时会发生什么。

'use strict';
var obj = {
  i: 10,
  b: () => console.log(this.i, this),
  c: function() {
    console.log( this.i, this)
  }
}
obj.b(); // prints undefined, Window
obj.c(); // prints 10, Object {...}