365体育备用网址报道21.2.3逻辑层_365体育备用网址官网资讯

小程序开拓框架的逻辑层是由JavaScript编写。逻辑层将数据进行处置后发送给视图层,同时接收视图层的事情反馈。
注册程序
App() 函数用来注册一个小程序。接收一个 object 参数,其指定小程序的生命周期函数等。App()注册程序的定义及成员函数实现示例如下所示。

App({
  onLaunch: function() { 
    // Do something initial when launch.
  },
  onShow: function() {
      // Do something when show.
  },
  onHide: function() {
      // Do something when hide.
  },
  globalData: 'I am global data'
})

成员函数属性描述如表21-7所示。

表21-7 app成员函数属性说明
注册页面
Page() 函数用来注册一个页面。接收一个 object 参数,其指定页面的初始数据、生命周期函数、事情处置函数等。Page()函数的定义及成员函数实现示例如下所示。

//index.js
Page({
  data: {
    text: "This is page data."
  },
  onLoad: function(options) {
    // Do some initialize when page load.
  },
  onReady: function() {
    // Do something when page ready.
  },
  onShow: function() {
    // Do something when page show.
  },
  onHide: function() {
    // Do something when page hide.
  },
  onUnload: function() {
    // Do something when page close.
  },
  onPullDownRefresh: function() {
    // Do something when pull down.
  },
  onReachBottom: function() {
    // Do something when page reach bottom.
  },
  // Event handler.
  viewTap: function() {
    this.setData({
      text: 'Set some data for updating view.'
    })
  },
  customData: {
    hi: 'MINA'
  }
})

成员函数属性描述如表21-8所示。

表21-8 page成员函数属性说明
模块化
对于一些公共的代码,能够将其抽离成为一个单独的 js 文件,作为一个模块。模块只有通过 module.exports 或者 exports 才能对外暴露接口。例如下述js文件。

// common.js
function sayHello(name) {
  console.log(`Hello ${name} !`)
}
function sayGoodbye(name) {
  console.log(`Goodbye ${name} !`)
}

module.exports.sayHello = sayHello
exports.sayGoodbye = sayGoodbye

在需要使用这些模块的文件中,使用 require(path) 将公共代码引入,示例代码如下所示。

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

------分隔线----------------------------

公布评论 (69人察看0条评论)
请自觉遵守互联网相关的政策法规,严禁公布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换环球娱乐城反水
最新评论