微信小程序中为什么使用var that=this

在微信小程序开发中，我们经常会遇到使用`var that = this`的情况。这主要是因为JavaScript中的`this`关键字的特殊性，它的值不是固定的，而是取决于它被调用时的上下文。在不同的环境中，`this`可能指向不同的对象，这在处理回调函数或异步操作时尤为常见。 在JavaScript中，`this`的值通常有以下几种情况： 1. 在函数调用中，如果函数不是一个对象的方法，`this`指向全局对象，在浏览器环境中是`window`，在Node.js中是`global`。 2. 当函数作为一个对象的方法被调用时，`this`指向那个对象。 3. 使用`new`关键字创建实例时，`this`指向新创建的对象。 4. `call`、`apply`和`bind`方法可以显式设置`this`的值。 在微信小程序的页面（Page）结构中，`this`通常指向包含当前函数的Page实例，例如在`onLoad`、`onShow`等生命周期函数中。当我们在这些函数内部定义一个内部函数（如`testfun1`中的`testfun2`），这个内部函数的`this`将不再指向Page实例，而是默认指向全局对象，或者在严格模式下是`undefined`。 在上述示例中，`testfun1`中的`this.data.test`能够正确访问到Page实例的数据，因为`this`指向Page对象。但当调用`testfun2`时，由于`testfun2`的执行环境与`testfun1`不同，`this`的指向发生了变化，导致`this.data.test`无法访问到数据，从而引发错误。 为了避免这个问题，开发者通常会将`this`赋值给一个变量，如`that`，来保存Page实例的引用。这样，即使在内部函数中，也可以通过`that.data.test`来访问到正确的数据。这就是`var that = this`的用途，它确保了在后续的异步操作或嵌套函数中，我们依然可以访问到正确的对象实例。 总结来说，使用`var that = this`是为了保留`this`在特定上下文中的值，以便在后续的函数调用中仍然能正确地引用到原始的对象。在微信小程序开发中，这是处理回调函数和异步操作时的一个常见做法，可以帮助我们更好地管理和访问页面数据。理解并掌握`this`的工作原理对于编写健壮的JavaScript代码至关重要。