曾经有一个问题困扰我很久
当前页面的全局变量写在哪里?
注意,是当前页面,就是我在index.js里面定义的,在整个index.js里面都能使用。其他的js都不能使用的那种
以下有三种方法
1. 使用setData
只要有过小程序编程经历的应该都知道可以使用setData来解决这个问题
但是如果你有太多变量,并且有的变量还不会参与渲染页(用户不会看见),那这时候setData是行不通的
(详细原因请参考小程序官方给出的常见的 setData 操作错误)
2.在page()上方直接使用var,let等赋值
如:
let value = 1;// 这里的变量不会随着页面销毁而销毁Page({ value: 2, onLoad: function(){ this.value = 3 }})
但是这里又有一个缺点 , 这些变量不会随着页面销毁而销毁
所以并不建议使用
3. 使用this.data.xxx直接赋值
如下:
Page({ data:{ val:1 } onLoad: function(){ this.data.val += 1; console.log(this.data.val); }})
当你的变量不需要再页面显示时,都可以用这种方法赋值
因为这种方法的变量声明周期是跟页面同步的, 不通过setData赋值不会渲染页面数据