微信小程序：var that = this 实现方法及应用示例

微信小程序中的`var that = this`是一种常见的写法，用于将当前实例（this）赋值给一个变量。这种写法主要用于在小程序的组件中，通过访问组件实例的方法和属性来操作DOM元素。

实现方法：

1. 在组件的`onLoad`、`onShow`或`onReady`生命周期函数中，使用`this`关键字获取当前实例。

2. 将获取到的实例赋值给一个变量，例如`var that = this;`。

应用示例：

假设我们有一个名为`MyComponent`的组件，它包含一个按钮和一个文本框。当用户点击按钮时，我们希望显示文本框的内容。我们可以在`MyComponent`的`onShow`生命周期函数中实现这个功能。

```javascript

// MyComponent.js

Page({

data: {

message: ''

},

onLoad: function () {

// 获取当前实例

var that = this;

},

onShow: function () {

// 获取文本框内容

var text = that.getText();

// 显示文本框内容

that.setData({

message: text

});

},

getText: function () {

// 返回文本框内容的函数，这里只是一个示例，实际情况可能需要从页面数据中获取

return 'Hello, World!';

},

setData: function (data) {

// 更新文本框内容的函数，这里只是一个示例，实际情况可能需要调用其他API或修改DOM元素

wx.showToast({

title: data.message,

icon: 'success'

});

}

});

```

在这个示例中，我们首先在`onLoad`生命周期函数中获取当前实例，然后在`onShow`生命周期函数中获取文本框内容并显示在文本框中。同时，我们还定义了两个辅助函数`getText`和`setData`，分别用于获取和设置文本框内容。