箭头函数的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了

 

posted @ 2018-10-04 19:13  kungfupan  阅读(183)  评论(0编辑  收藏  举报