ES6 - 箭头函数

Question

ES6 箭头函数:

'use strict';
var obj = {
  i: 10,
  b: () => console.log(this.i, this),
  c: function() {
    console.log( this.i, this)
  }
}
obj.b();  // 为什么 输出undefined, Window对象; 

而
obj.c() 则输出 : 10, obj ;
我之前把上面的代码理解为:

'use strict';
var obj = {
  i: 10,
  b: function() {
    return console.log( this.i, this)
  },
  c: function() {
    console.log( this.i, this)
  }
}

但是我发现, 执行obj.b();后输出10, obj;

所以箭头函数在这里的 this 还不甚了解, 望解答, 若优秀则必赞

Answer 1

箭头函数使用注意点：

（1）函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。

（2）不可以当作构造函数，也就是说，不可以使用new命令，否则会抛出一个错误。

（3）不可以使用arguments对象，该对象在函数体内不存在。如果要用，可以用 rest 参数代替。

（4）不可以使用yield命令，因此箭头函数不能用作 Generator 函数。

上面四点中，第一点尤其值得注意。this对象的指向是可变的，但是在箭头函数中，它是固定的。

Answer 2

箭头函数是没有自己的this

https://segmentfault.com/a/11...

Answer 3

箭头函数的this绑定父级上下文 第一个函数绑定的是window 第二个绑定的是obj

Answer 4

箭头函数有几个使用注意点。
（1）函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。
箭头函数里的this是定义时所在的作用域，而不是运行时所在的作用域。这里就是window。

箭头函数

Answer 5

http://es6.ruanyifeng.com/#do...
这里面有详解es6的东西

Answer 6

函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。

Answer 7

函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象.樓上正解