【菜鸡历险记】微信小程序，js文件，函数里变量杂谈

这是楼主自己对js文件里函数中的变量规则的理解，已经代码验证，记录结论，看官们也可自行研究验证。
js这个语言非常骚气，一个对象的成员可以不预先定义，直接在函数体中定义成员，这样虽然很方便但是久而久之就会搞不清楚哪是哪，因此我认为还是要保持良好的声明对象成员的习惯，即使在开发中，为了方便，在函数体中定义，也要明白自己定义的变量属于谁。

page({   ...
		data:{},
		onload:function(){}
		...  
		 })

这是一个page的构造器，花括弧表示一组对象，data，onload等，是官方定义的框架，其他都是自定义
在函数体内这样写：this.xx=xxx;等价于在page构造器添加一个段：

page({ xx:xxx,
		data:{},
		onload:function(){}
		...  
		 })

this.data.xx=xxx等价于在data添加一个段：

page({ 
		data:{xx:xxx},
		onload:function(){}
		...  
		 })

that,这个我也没有搞明白，只知道是为了在回调函数里，使用this系列的操作，演示如下：

page({ 
		data:{xx:xxx},
		onload:function(){
			let that=this;
   			 wx.getSystemInfo({
      			success: function(res) {
      			    that.data.xx=123;//无错
      			    this.data.xx=123;//报错显示无定义的data
      			}
      		});
		}
		...  
		 })

最后是一个总结：
1、WXML里用得到的数据在data里定义，用不上的在page外定义，最好，事先声明。
2、this.xxx是引用page内的变量的和全局变量没关系，引用全局直接xxx即可。
ps：这里说的添加都是在没有提前定义的条件下。这里的全局变量，准确说应该是页面内变量。