箭头函数的this指向

es6的箭头函数中this指向是跟普通function中的this指向不同的，普通function的this指向取决于调用function的对象，

而箭头函数的this指向取决于声明它的对象，看下面这个例子

 　　　　　　var a1 = 1;

            function func1(){

                this.a1 = 2;

                console.log(this.a1);

            }

            var func2 = () =>{

                console.log(this.a1)

            }

            function func3(){

                this.say = () =>{

                    console.log(this.a1)

                }

            }

            new func1();//2

            func2();//1

            new func3().say();//undefined

func1因为是new形式调用的，func1充当了一个构造器的作用，所以this是指向func1所构造的一个实例，因此func1中的this指向func1实例，而非全局作用域

func2是箭头函数，不过要注意func2不能以new的形式调用，而func2是在全局作用域被声明的，所以func2内访问this.a1相当于window.a1即全局变量a1

func3的作用域内声明了名为say的箭头函数，所以以构造器函数形式调用func3时，func3.say方法this指向的是func3的实例，但是func3并没有定义名为a1的成员变量，所以最后打印结果就是undefined了

 

转载于:https://www.cnblogs.com/kungfupan/p/9742871.html