小程序开发------.js

.js文件

前面我们看过，小程序是由4个主要文件类型组成，而.js文件则是小程序的逻辑层核心处理文件，它的核心功能有两点：第一、管理着生命周期；第二：业务逻辑的处理。

app.js

app.js文件里面包含一个App函数，该函数是用来注册一个小程序。接受一个 Object 参数，其指定小程序的生命周期回调等。
App() 必须在 app.js 中调用，必须调用且只能调用一次。不然会出现无法预期的后果。

App({

  /**
   * 当小程序初始化完成时，会触发 onLaunch（全局只触发一次）
   */
  onLaunch: function () {
    
  },

  /**
   * 当小程序启动，或从后台进入前台显示，会触发 onShow
   */
  onShow: function (options) {
    
  },

  /**
   * 当小程序从前台进入后台，会触发 onHide
   */
  onHide: function () {
    
  },

  /**
   * 当小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息
   */
  onError: function (msg) {
    
  }
})

Object参数说明：

属性	说明	触发时机
onLaunch	生命周期回调–初始化	小程序初始化完成时
onShow	生命周期回调–显示	小程序启动或者由后台切入到前台显示
onHide	生命周期回调–隐藏	小程序由前台进入后台
onError	错误监听函数	小程序发生脚本错误，或者 api 调用失败时触发，会带上错误信息
onPageNotFound	页面不存在监听函数	小程序要打开的页面不存在时触发，会带上页面信息回调该函数

同时Object参数除了可以包含上面关于小程序生命周期函数外，还可以添加任意的函数或数据到 Object 参数中，用 this 可以访问。特别要注意这个this,this的使用一定要理解上下文环境。

page.js

Page(Object) 函数用来注册一个页面。接受一个 Object 类型参数，其指定页面的初始数据、生命周期回调、事件处理函数等。接下来我们来看一下具体代码：

Page({

  /**
   * 页面的初始数据
   */
  data: {
    date:"Nov 25 2016"
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
   
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    
  }
  )