微信小程序之代码解析：二.逻辑层

初始化数据
初始化数据将作为页面的第一次渲染。data将会以JSON的形式由逻辑层传至渲染层，所以其数据必须是可以转成JSON的格式：字符串，数字，布尔值，对象，数组。
渲染层可以通过WXML对数据进行绑定。
示例代码：

{{text}}  {{array[0].msg}}  Page({    data: {      text: 'init data',      array: [{msg: '1'}, {msg: '2'}]    }  })

复制代码
事件处理函数
除了初始化数据和生命周期函数，Page中还可以定义一些特殊的函数：事件处理函数。在渲染层可以在组件中加入事件绑定，当达到触发事件时，就会执行Page中定义的事件处理函数。
示例代码：

 click me   Page({    viewTap: function() {      console.log('view tap')    }  })

复制代码
Page.prototype.setData()
setData函数用于将数据从逻辑层发送到视图层，同时改变对应的this.data的值。
注意：

• 直接修改this.data无效，无法改变页面的状态，还会造成数据不一致。

• 单次设置的数据不能超过1024kB，请尽量避免一次设置过多的数据。
  

setData()参数格式
接受一个对象，以key，value的形式表示将this.data中的key对应的值改变成value。
其中key可以非常灵活，以数据路径的形式给出，如array[2].message，a.b.c.d，并且不需要在this.data中预先定义。
示例代码：

  {{text}}   Change normal data   {{array[0].text}}   Change Array data   {{obj.text}}   Change Object data   {{newField.text}}   Add new data   //index.js  Page({    data: {      text: 'init data',      array: [{text: 'init data'}],      object: {        text: 'init data'      }    },    changeText: function() {      // this.data.text = 'changed data'  // bad, it can not work      this.setData({        text: 'changed data'      })    },    changeItemInArray: function() {      // you can use this way to modify a danamic data path      var changedData = {}      var index = 0      changedData['array[' + index + '].text'] = 'changed data'      this.setData(changedData)    },    changeItemInObject: function(){      this.setData({        'object.text': 'changed data'      });    },    addNewField: function() {      this.setData({        'newField.text': 'new data'      })    }  })

复制代码
模块化
我们可以将一些公共的代码抽离成为一个单独的js文件，作为一个模块。模块只有通过module.exports才能对外暴露接口。

// common.js  function sayHello(name) {    console.log('Hello ' + name + '!')  }  module.exports = {    sayHello: sayHello  }

var common = require('common.js')  Page({    helloMINA: function() {      common.sayHello('MINA')    }  })

复制代码下一篇我们会介绍视图层的WXML。

更多微信小程序之代码解析：二.逻辑层 相关文章请关注PHP中文网！