Fe-interview: [vue] 在vue项目中如果methods的方法用箭头函数定义结果会怎么样？

Created on 22 Jun 2019  ·  10Comments  ·  Source: haizlin/fe-interview

[vue] 在vue项目中如果methods的方法用箭头函数定义结果会怎么样？

vue
Source
picture haizhilin2013

Most helpful comment

var app = nvar app = new Vue({
el: "#app",
data: {},
methods: {
a: () => {
console.log(this); //Window
}
}
});
为什么我的this指向的是Window？

虽然没有尝试过，但是我估计你是在html里面直接用

All 10 comments

this为undefined

yin-pathfinder picture yin-pathfinder on 28 Jun 2019

因为箭头函数默绑定父级作用域的上下文，所以不会绑定vue实例，所以 this 是undefind

shanyanwt picture shanyanwt on 2 Jul 2019

会使this指向的结果返回undefined

Hellohanlili picture Hellohanlili on 3 Jul 2019

this指向的是当前方法，并不会报错

weipxiu picture weipxiu on 4 Jul 2019

this指向实例最开始实例化的那个作用域

Janesummers picture Janesummers on 23 Jul 2019

var app = nvar app = new Vue({
el: "#app",
data: {},
methods: {
a: () => {
console.log(this); //Window
}
}
});
为什么我的this指向的是Window？

binnuo picture binnuo on 30 Jul 2019

var app = nvar app = new Vue({
el: "#app",
data: {},
methods: {
a: () => {
console.log(this); //Window
}
}
});
为什么我的this指向的是Window？

虽然没有尝试过，但是我估计你是在html里面直接用

Related issues

haizhilin2013 picture haizhilin2013  ·  3Comments
haizhilin2013 picture haizhilin2013  ·  3Comments
haizhilin2013 picture haizhilin2013  ·  3Comments
haizhilin2013 picture haizhilin2013  ·  3Comments
haizhilin2013 picture haizhilin2013  ·  3Comments