箭头函数中this的指向

 箭头函数中,不会创建自己的this，只会从自己的作用域链的上一层继承this。（注意对象不构成作用域）

普通函数中，谁在函数真正执行时调用该函数，this就指向该函数。

• 如果是该函数是一个构造函数，this指针指向一个新的对象
• 在严格模式下的函数调用下，this指向undefined
• 如果是该函数是一个对象的方法，则它的this指针指向这个对象

从这个角度理解下面这个例子：

var cat={
    func1:()=>{
        console.log("arrow1",this);//指向window
    },
    func2:function(){
        console.log("average",this);//指向cat
        var func3=()=>{
            console.log("arrowIn",this);//指向cat
        }
        func3();
    }

}
cat.func1();
cat.func2();
var funn=cat.func2;
funn(); //func2和func3里面的this都指向window

• func1是箭头函数，内部的this继承作用域链的上一层的this,对象不构成作用域，所以func1内部的this继承window
• cat对象调用func2，所以this指向cat，func3继承this指向cat
• 如果先保存cat.func2的函数到funn，再执行，window调用该函数funn，两个this就都指向window了