结合new + 执行上下文 解答箭头函数this指向问题

[Twlig]

问题：

function Person(){
    (()=> {console.log(this)})();
}
Person(); //window 
new Person();//Person{}. 

为何Person()指向window，new Person()指向Person对象？

根据箭头函数的this指向定义时的上下文的this

• Person()

    ECStack = [  //执行上下文栈
        PersonContext,
        globalContext
    ];
  
    globalContext = { //全局上下文
        VO: [global],
        Scope: [globalContext.VO],
        this: globalContext.VO
    }
    PersonContext = { //Person上下文
        AO: {  //活动对象
            arguments: {
                length: 0
            },
            scope: undefined,
            f: reference to function f(){}
        },
        Scope: [AO, globalContext.VO],  //作用域，包括Person活动对象和全局对象
        this: undefined  //重点，因为没有new，所以this是undefined
    }

  定义时的上下文是PersonContext，但是由于PersonContext的this没有定义，因此采用上一级也就是globalContext的this，即window。由于箭头函数的this指向定义时的上下文的this，因此箭头函数的this指向window。

• new Person()

    ECStack = [  //执行上下文栈
        PersonContext,
        globalContext
    ];
  
    globalContext = { //全局上下文
        VO: [global],
        Scope: [globalContext.VO],
        this: globalContext.VO
    }
    PersonContext = { //Person上下文
        AO: {  //活动对象
            arguments: {
                length: 0
            },
            scope: undefined,
            f: reference to function f(){}
        },
        Scope: [AO, globalContext.VO],  //作用域，包括Person活动对象和全局对象
        this: Person  //重点，new，所以this是Person
    }

  定义时的上下文是PersonContext，PersonContext的this指向Person实例。由于箭头函数的this指向定义时的上下文的this，因此箭头函数的this指向Person实例。