es6 箭头函数的this指向问题

先看两段代码：

//普通函数

function foo() {
  setTimeout(function(){
    console.log('id:', this.id);
  }, 100);
}

var id = 21;

foo.call({ id: 42 });


//输出  
  id: 21

//箭头函数

function foo() {
  setTimeout(() => {
    console.log('id:', this.id);
  }, 100);
}

var id = 21;

foo.call({ id: 42 });


//输出
id: 42

普通函数的this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象

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

参考资料：阮一峰老师的es6入门教程 https://es6.ruanyifeng.com/?search=%E7%AE%AD%E5%A4%B4%E5%87%BD%E6%95%B0&x=0&y=0#docs/function