箭头函数的执行上下文的this,小对象obj没有权利创建函数上下文

var name = 'window'

var obj1 = {
    name: '听风是风',
    fn1: function () {
        console.log(this.name)
    },
    fn2: () => console.log(this.name),
    fn3: function () {
        return function () {
            console.log(this.name)
        }
    },
    fn4: function () {
        return () => console.log(this.name)
    }
}

obj1.fn2();//?

输出window，在介绍this一文中我们已经知道箭头函数并没有自己的this，它的this指向由上层执行上下文中的this决定，那为什么上层执行上下文是window呢？

我在介绍JavaScript执行上下文的文章中已经提到，JavaScript中的上下文分为全局执行上下文，函数执行上下文与eval执行上下文（eval不作考虑）。而不管是全局上下文或函数上下文的创建，大致都包含了确认this指向，创建词法环境，创建变量环境三步。

也就是说，this属于上下文中的一部分，很明显对象obj1并不是一个函数，它并没有权利创建自己的上下文，所以没有自己的this，那么它的外层是谁呢？当然是全局window啦，所以这里的this指向window。

摘自https://www.cnblogs.com/echolun/p/11969938.html