微信小程序：理解并运用var that = this

在微信小程序开发中，`var that = this` 的用法是为了在函数内部解决JavaScript的`this`指向问题。在JavaScript中，`this`关键字在不同上下文中有不同的行为。在微信小程序的`Page`组件中，`this`通常代表整个`Page`对象，它包含了数据和方法。 当在`Page`的生命周期方法（如`loadData`）中执行异步请求（如`wx.request`），`this`会根据调用方式发生变化。如果不使用`var that = this`，直接在函数内部使用`this`，可能会导致`this`在`wx.request`回调中的值不再是`Page`对象，因为异步回调是在一个新的作用域中执行的。这就意味着`this.setData`这样的方法无法正常工作，因为`this`已经不再指向Page对象。 通过声明`var that = this`，开发者确保了`that`始终指向`Page`对象，无论函数内部如何嵌套。在示例代码1中，`that`在`success`回调中被用来更新`toastHidden`的状态，这是因为`that`保持了`Page`对象的引用，所以`setData`方法可以成功执行。 如果在不声明`that`的情况下尝试使用`this`，如示例代码2所示，由于`wx.request`回调中的`this`已经不再是`Page`，因此会抛出一个错误，提示`setData`方法不存在。通过正确地使用`var that = this`，开发者能够避免这种因作用域问题导致的错误，确保代码的正确性和可维护性。 总结来说，`var that = this`在微信小程序开发中是一个常见的技巧，用于在异步操作的回调函数中保存`Page`对象的引用，以确保在函数内部能够访问和修改`Page`的数据。这对于处理组件间的通信和状态管理至关重要。