箭头函数的this，哪位帮忙给解答下

[m0_59014944]

    var age = 21;
    var obj = {
        age:1,
        getAge:function(){
            var fn = () => 2021 - this.age;
            return fn();
        }
    }
    console.log(obj.getAge()); //2020
    var b = obj.getAge;
    console.log(b());  //2000
    //另一种写法就不同了：
    var age = 21;
    var obj = {
        age:1,
        getAge:function(){
            return () => 2021 - this.age;
        }
    }
    console.log(obj.getAge()()); //2020
    var b = obj.getAge();
    console.log(b()); //2020

 

哪位高手给解释下，这个箭头函数的this是怎么改变的？新手上路，多谢！！！

[羊鳥]

@浪漫革—命 大佬

[浪漫革—命]

箭头函数的this与他父级函数this指向相同，第一种写法他父级的函数的执行对象不是obj，this指向window。而第二种写法，你在var b=obj.getAge()的时候，已经执行了父级，且执行对象是obj。所以这时箭头函数的this指向的是obj。

[羊鳥]

这是this的隐式丢失，改变this指向，函数的方法有call，bind，apply

[Oliver尹]

@Oliver尹 直接写的就是关于this这个关键字的

[Oliver尹]

可以看下我以前写的这篇博客，希望对你有所帮助，https://oliver.blog.csdn.net/article/details/106241641