箭头函数的this问题我有一点糊涂,求救大牛

            var age=50;
            var obj={
                uname:'李明',
                age:20,
                sing:()=>{
                    console.log(this);        //为什么是window呢
                    console.log(this.age);   //为什么是50呢
                }
            };
            obj.sing();
            var obj1={
                uname:'李明',
                age:20,
                sing:function(){
                    console.log(this);                  //为什么是obj1呢
                    console.log(this.age);       //为什么是20呢
                }
            };
            obj1.sing();

箭头函数会捕获this,即定义它的上下文中的 this。 一个简单的判断方法是,把箭头函数替换成 this,这个 this 所引用的值会被捕获。

比如 const a = { b : ()=>{console.log(this)} } 中箭头函数内的 this 与 const a = { b: this } 中 this 的值相同。

const a = { b: this } 这个语句不产生新的作用域,那么它的 this 与其前后语句的 this 一致,
const that = this; const a = { b: this }; const that2 = this 中三个 this 值是一样的。

箭头函数的this是在定义函数时绑定的,不是在执行过程中绑定的。简单的说,函数在定义时,this就继承了定义函数的对象。
箭头函数的this就是直接是obj={name:this.age}这种写法,如果加了function就是指向了function的外层obj1

参考一下https://zhuanlan.zhihu.com/p/51205665