箭头函数中的this指向

箭头函数中的this指向

• 箭头函数中的this是在定义函数的时候绑定，而不是在执行函数的时候绑定
• 箭头函数中，this的执行是固定的，并不是因为箭头函数内部有绑定this的机制。箭头函数根本没有自己的this，导致内部的this就是外层代码块的this
• 正是因为箭头函数没有this，所以它不能作为构造函数

1、箭头函数中的this是在定义函数的时候绑定的

所谓的定义时候绑定，就是this是继承自父执行上下文中的this,这里的箭头函数中的this.x本身与say平级以key:value的形式，也就是箭头函数本身所在的对象为obj，而obj对象执行上下文就是window,因此这里的this.x实际上表示的是window.x，因此输出是11

    //箭头函数中的this实在定义函数的时候绑定
        var x = 11;
        var obj = {
            x: 22,
            say: () => {
                console.log(this.x);
            }
        }
        obj.say();//11

2、箭头函数本身是在getAge方法中定义的，因此，getAge方法的父执行上下文是obj，因此这里的this指向的是obj对象

var obj = {
            birth: 1998,
            getAge: function() {
                var b = this.birth; //1998
                var fn = () => new Date().getFullYear() - this.birth;
                console.log(fn());
                // return fn;
            }
        };
        obj.getAge();//24