javascript-七个栗子深入理解this指向

引用阮一峰老师在ES6的书籍中对箭头函数做出的解释：

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

这句话老实说，看完之后总是似懂非懂的感觉。但能够确定的是原来的：函数由谁调用this就指向谁。这个在这里不适用。
并且需要弄清楚的一点：怎么找到《函数定义所在对象》？

// ES6
const obj = {
  getArrow() {
    return () => {
      console.log(this);
    };
  }
}

当执行时发生了什么？

let arrowFn = obj.getArrow(); // 也就是arrowFn此时就会绑定obj对象。
let arrowFn2 = obj.getArrow.call(window); // arrowFn此时就会绑定window对象

一开始我出现过错误的看法：

const obj = {
  getArrow() {
    return () => {
      console.log(this);
    };
  }
}

我以为仅从这段代码种便能确认this的执行，但实际结果很显然证明我是错误的。
结合到：== “ 函数getArrow在定义时所在的对象，而不是使用时所在的对象 ” ==

这句话得问题在于：

• 函数在何时发生定义？
• 函数在发生定义时的上下文this是什么？

// 此时的this是window
console.log(this); // this => window 
const obj = {
  getArrow() {
    return () => {
      console.log(this);
    };
  }
}

• 混淆点1：箭头函数的定义难道不是在this=window的下面进行的？
  答案：不是，此时箭头函数实际上还未定义。定义实际上发生在getArrow()方法在被调用时才开始定义也就是执行代码obj.getArrow()时，当执行到return ()=>{console.log(this)}此时才会去寻找this并绑定。所以说如果在执行：return ()=>{console.log(this)}时的this是谁，箭头函数指向的this就是谁。

• 混淆点2：箭头函数的定义为什么不一定是obj对象？
  答案：混淆点1的答案就能足够解释。这个例子理解的关键是箭头函数：return ()=>{console.log(this)}在什么时候发生定义？答案就是执行到这一句代码的时候，而不是写在obj里面最后绑定的就一定是obj。网上有很多有可能看着类似这样不太正确的解释。

• 混淆点3：函数定义一定在执行的时候就发生吗？
  答案：这...下面再举例来解答这个问题。

栗子六：

	let fnObj = {
        getArrow : () => {
            console.log(this)
        }
    }

    fnObj.getArrow(); // 打印： window

	let fnObj = {
        getArrow : () => {
            console.log(this)
        }
    }

	var id = 'window';
    let foo =  {
        id : 'foo',
        arrow: function() {
            setTimeout(() => {
                console.log(' arrow id:', this.id);
            }, 100);
        },
        fn: function() {
            setTimeout(function() {
                console.log(' fn id:', this.id);
            }, 100);
        },
    }
    foo.arrow();  // 思考打印 ？？
    foo.fn();  // 思考打印 ？？

 	fn: function() {
            setTimeout(() => {
                console.log(' arrow id:', this.id);
            }, 100);
        },
    // ---》等价于下面写法
     fn: function() {
     		// arrowFn箭头函数的指向不懂的再回去看案例4
     		let arrowFn = () => {
                console.log(' arrow id:', this.id);
            }
            setTimeout(arrowFn, 100);
        },