箭头函数的this指向

2024-09-03 01:49:07

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了

最新文章

热门文章