微信小程序开发系列四：微信小程序之控制器的初始化逻辑

笔者由于工做须要，已经加入过一个微信小步调同 SAP 系统集成的名目，果此从零初步进修了微信小步调的开发知识。那里通过系列文章把原人所学分享出来，欲望对相关进修者有所协助。

那个教程的前两篇文章，引见了如何用下图所示的微信开发者工具主动生成一个Hello World的微信小步调，并解说了那个主动生成的微信小步调的视图开发本理。

原文继续引见那个微信小步调的控制器index.js的真现, 即MVC设想理念的C-Controller-控制器。不过严格意思上说，依照微信小步调官方文档里引见的，微信小步调真际回收的是React和Vue的MVMM的设想思路，提倡把衬着和逻辑分袂。简略来说便是不要再让 JS 间接操控 DOM，JS只须要打点形态，而后再通过一种模板语法来形容形态和界面构造的干系便可。

下面咱们来逐止阐明index.js的代码：

//获与使用真例

const app = getApp()

getApp是微信框架的办法，返回当前小步调的使用真例。但凡状况下那是微信小步调控制器执止的第一止代码：

那个使用真例的创立是正在咱们小步调控制器的会见领域之外由微信框架创立的，而后间接正在getApp函数里返回创立好的app真例：

为什么那个app真譬喻此重要，致使于放到控制器的第一止代码来创立呢？咱们间接正在调试器里输入app而后回车，能看到那个app对象里包孕了globalData那个属性和不少有用的办法。

有了app真例后，下一步须要创立的便是Page真例了。那个真例代表当前小步调页面，通过结构函数Page停行创立。

咱们同样可以正在微信小步调调试器里输入Page而后回车查察那个结构函数的源代码，

大概间接单步伐试进去进修。下图便是Page结构函数单步执止的状况，输入参数e为一个Json对象，

那个输入参数e包孕的内容有：

咱们控制器index.js里真现的一个json对象，称呼为data（做为当前微信小步调页面的数据模型，即MVC中的M），如下图红色下划线所示。

咱们控制器index.js里真现的三个JavaScript函数，用于响应小步调上用户点击变乱。

总结一下，任何微信小步调，其控制器的逻辑只要两步：

挪用微信小步调框架供给的范例函数getApp， 与得一个小步调真例。

挪用微信小步调页面结构函数Page，初始化页面真例。咱们正在控制器内次要的编码逻辑，次要会合正在传入那个Page结构函数的输入参数，即一个json对象。

而那个json对象包孕的属性也只要两类：

第一类是另一个json对象，做为MVC中的M，即数据模型。那个json数据模型的字段被绑定到微信小步调视图的某个UI元素，比如Text, Image的对应属性，那样就主动把数据模型里的字段显示到UI上了。

第二类是咱们原人开发的JavaScript函数，用于响应微信小步调的用户输入，比如视图上的按钮点击变乱等等。