微信小程序开发教程—逻辑层js详解

发布：2018-04-20 11:34浏览：次来源：网络作者：cola

　逻辑层，是事务逻辑处理的地方。对于小程序而言，逻辑层就是.js脚本文件的集合。逻辑层将数据进行处理后发送给视图层，同时接收视图层的事件反馈。

　　微信小程序开发框架的逻辑层是由JavaScript编写。在JavaScript的基础上，微信团队做了一些适当的修改，以便提高开发小程序的效率。主要修改包括：

　　♦ 增加app和page方法，进行程序和页面的注册

　　♦ 提供丰富的API,如扫一扫、支付等微信特有的能力

　　♦ 每个页面有独立的作用域，并提供模块化能力。

　　逻辑层的实现就是编写各个页面的.js脚本文件。但由于小程序并非运行在浏览器中，所以JavaScript在Web中的一些能力无法使用，如document、window等。

　　我们开发编写的所有代码最终会打包成一份JavaScript，并在小程序启动的时候运行，直到小程序销毁。

注册程序：App()方法

　　在逻辑层，App()方法用来注册一个小程序。App()接受一个object参数，用于指定小程序的生命周期函数等。App()方法有且仅有一个，存在于app.js中。object参数见下表

　　注意：onLaunch函数全局只触发一次。

　　前台、后台：用户当前界面运行或操作小程序时为前台；当用户点击左上角关闭，或者按了设备Home键离开微信，小程序并没有直接销毁，而是进入后台；当再次进入微信或再次打开小程序，又会从后台进入前台。

　　销毁：只有当小程序进入后台一定时间，或者系统资源占用过高，才会被真正销毁。此时代表小程序的声明周期结束。

　　关闭小程序(公共库版本1.1.0开始支持)：当用户从扫一扫、转发等入口(场景值为1007, 1008, 1011, 1025)进入小程序，且没有置顶小程序的情况下退出，小程序会被销毁。

　　示例代码：

App({
  onLaunch: function(){
    //启动时执行的初始化工作
  },
  onShow: function(){
    //小程序从后台进入前台时，触发执行的操作
  },
  onHide: function(){
    //小程序从前台进入后台时，触发执行的操作
  },
  globalData:'I am global data'
})

　　onLaunch, onShow 参数

　　微信团队为开发者提供全局的getApp()函数，可以用来获取小程序实例。示例如下：

//other.js
var app = getApp();
console.log(app.globalData);//I am global data

注意：
    ♦ App()方法须在app.js中注册，且不能注册多个。
    ♦ 不要再定义App()内的函数中调用getApp()，使用this就可以拿到App实例。
    ♦ 通过getApp()获取实例之后，不要私自调用生命周期函数。

注册页面：Page()方法

　　在逻辑层，Page()方法用来注册一个页面。Page()接受一个object参数，用于指定页面的初始数据、生命周期函数、事件处理函数等。Page()方法每个页面有且仅有一个，存在于该页面的.js文件中。

　　示例代码：

Page({
  Data: {
    Text: 'This is page data.'
  },
  onLoad: function (options) {
    //页面加载时执行的初始化工作
  },
  onReady: function () {
    //页面就绪后触发执行的操作
  },
  onShow: function () {
    //页面打开时，触发执行的操作
  },
  onHide: function () {
    //页面隐藏时，触发执行的操作
  },
  onUnload: function () {
    //页面关闭时，触发执行的操作
  },
  onPullDownRefresh: function(){
    //用户在页面下拉时执行的操作
  },
  onReachBottom: function(){
    //到达页面底部时执行的操作
  },
  //Event Handler
  viewTap: function () {
    this.setData({
      text: 'set some data for updating view.'
    })
  },
})

注意：
    ♦ 不要在 onLaunch 的时候调用 getCurrentPages()，此时 page 还没有生成。

初始化数据

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

<view>{{text}}view>
<view>{{array[0].msg}}view>

//demo.js
Page({
  /**
   * 页面的初始数据
   */
  data: {
    text: 'init data',
    array: [{msg:'1'},{msg:'2'}]
  }
})

页面的生命周期

上一篇：微信小程序wxml和wxss样式

下一篇：PHP：微信小程序调用【统一下单】【微信支付】【支付回调】A

免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所有，仅供学习与参考，请勿用于商业用途，如果损害了您的权利，请联系网站客服处理。

微信小程序开发教程—逻辑层js详解

获取更多转发信息