【uni-app】uni-app this 作用域的问题

问题

在之前的 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