js中的this指向与箭头函数中的this指向

普通this指向

    function foo() {
        console.log(this)//window
        console.log(this.a)//123
    }
    var a = 123
    foo()

对于直接调用 foo 来说，不管 foo 函数被放在了什么地方，this 一定是 window

    function foo() {
        console.log(this)//Object{a: 234, foo: ƒ}
        console.log(this.a)//234
    }
     var obj = {
        a: 234,
        foo: foo
    };
    obj.foo();

对于 obj.foo() 来说，我们只需要记住，谁调用了函数，谁就是 this，所以在这个场景下 foo 函数中的 this 就是 obj 对象。

   function foo() {
        console.log(this)//foo{}
        console.log(this.a)//undefined
    }
    var c = new foo();

对于 new 的方式来说，this 被永远绑定在了 c 上面，不会被任何方式改变 this

箭头函数中的this指向

   function a() {
        return () => {
            return () => {
                console.log(this)//window
                return 123
            }
        }
    }
    console.log(a()()())//123

首先箭头函数其实是没有 this 的，箭头函数中的 this 只取决于包裹箭头函数的第一个普通函数的 this。在这个例子中，因为包裹箭头函数的第一个普通函数是 a，所以此时的 this 是 window。
附图：