微信小程序--关于js文件在Page({})外部声明的var变量的小笔记

微信小程序–关于js文件在Page({})外部声明的var变量的小笔记

一个微信小程序Page页面，一般包含4个文件。例如，一个名称为test的页面一般包含：

1. test.js
2. test.json
3. test.wxml
4. test.wxss

在test.js文件中，当用户在Page外部声明var变量时，当用户退出该页面时，只要该页面还驻留在内存中未被销毁，则当再次加载此页面时，变量的值不会改变。

因此在这种情况中，要想在重新加载页面时对在Page外部声明var变量重新初始化，则可以在生命周期函数–监听页面卸载的onUnload函数里对这些变量重新赋值。

在Page({})声明变量test

var test = 0;
Page({
...
})

在onLoad函数里让test++，并console.log(test)

onLoad: function (options) {
    test++;
    console.log("Variable test now is " + test);
},

Console结果：

 Variable test now is 1
>

退出该页面，再次进入该页面，Console结果：

 Variable test now is 2
>

再来一次：

 Variable test now is 3
>

要想再次加载页面时，test还为初值0，则在onUnload里重新赋值：

/**
  * 生命周期函数--监听页面卸载
  */
 onUnload: function () {
   test = 0;
   console.log("Variable test is reassigned");
 },

重新编译加载页面并退出：

 Variable test now is 1
 Variable test is reassigned
>

再次加载页面：

Variable test now is 1
>

test已经被reassigned.