【uniapp】uniappthis作用域的问题

问题

在之前的 VUE 使用一个定义了的属性，一直用的是 this.xxx，而在 uni-app 中使用 this.xxx，却发现无法赋值的问题

uni.login({
provider: 'weixin',
success: function (loginRes) {
this.code = loginRes.code
}
})


为什么会出现这样的问题呢？是因为在 function 中的 this 指向的是 login 这个方法。

解决

既然是因为 this 作用域的问题，就要使 this 指向外面的作用域，常见的有两种解决方法：

• 在外层赋值给另一个变量使用

  let _this = this;
uni.login({
provider: 'weixin',
success: function (loginRes) {
_this.code = loginRes.code
}
})


• 使用箭头函数

  uni.login({
provider: 'weixin',
success: (loginRes) => {
this.code = loginRes.code
}
})


  为什么箭头函数可以呢？是因为 ES6 语法中，箭头函数的 this 指向的是父函数的 this