微信小程序中使用varthat+this的原因是什么

前言：

在微信小程序开发中，我们经常需要使用var that = this;的语法，这个语法的作用是在回调函数中让我们能够访问到外层函数中的this对象。在Javascript中，函数内部的this对象是指向当前执行函数的上下文，而在回调函数中，this对象的上下文会发生改变，一般会指向回调函数本身，导致无法访问到外层函数中的this对象。所以为了解决这个问题，我们需要在外层函数中使用var that = this;的方式来保存当前的this对象，以确保在回调函数中仍然能够访问到它。

分析解释：

当我们在微信小程序中定义一个方法时，它可能会被用作回调函数传递给其他方法或者API调用。在这种情况下，回调函数会在其他方法完成后执行，并且它的执行上下文会发生改变，导致无法再访问到外层函数中的this对象。为了解决这个问题，我们使用var that = this;将外层函数中的this对象赋值给一个变量that，在回调函数中通过访问该变量来间接访问外层函数中的this对象。

Page({
  data: {
    name: '小明'
  },
  onLoad: function() {
    var that = this;
    wx.request({
      url: 'https://example.com/users',
      success: function(res) {
        console.log(that.data.name); // 可以访问到外层函数中的this对象
      }
    })
  }
})

上面的例子中，我们在onLoad方法中定义了一个回调函数作为wx.request方法的success参数，并在回调函数中使用了that.data.name来访问外层函数中的this对象。如果我们直接使用this.data.name来访问，将会报错或返回undefined，因为在回调函数中this的上下文已经发生了改变。

需要注意的是，使用var that = this;的方式只是一种解决回调函数中无法访问外层函数this对象的方法，也可以选择使用箭头函数来改变this指向，因为箭头函数没有自己的this上下文，它会继承外层函数的this对象。但是在微信小程序中，由于兼容性的考虑，我们一般还是使用var that = this;的方式来处理this指向的问题。

总结：

在微信小程序开发中，为了解决回调函数中无法访问外层函数this对象的问题，我们常常使用var that = this;的方式将外层函数中的this对象赋值给一个变量that，在回调函数中通过访问该变量来间接访问外层函数中的this对象。这种方式能够确保我们在回调函数中仍然能够访问到外层函数中的this对象，以便进行数据的传递和操作。