普通函数与箭头函数的this

• 普通函数：
  this指向函数调用时的对象；

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

var id=1;
var f = foo.call({id: 1});
var t1 = f.call({id: 2})()(); // id: 1
var t2 = f().call({id: 3})(); // id: 1
var t3 = f()().call({id: 4}); // id: 4

• 箭头函数：
  箭头函数根本没有自己的this，导致内部的this就是外层代码块的this。
  由于箭头函数没有自己的this，所以当然也就不能用call()、apply()、bind()这些方法去改变this的指向。
  正是因为它没有this，所以也就不能用作构造函数。

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

var f = foo.call({id: 1});

var t1 = f.call({id: 2})()(); // id: 1
var t2 = f().call({id: 3})(); // id: 1
var t3 = f()().call({id: 4}); // id: 1

上述代码只有一个this，就是foo的this