微信小程序学习之路《九》 模块化

微信小程序开发 - 模块化

JS 模块化

微信小程序秉承了JavaScript模块化的机制，将一些公共的代码抽离成为一个单独的 js 文件作为一个模块，通过module.exports或者exports暴露对象，通过require来获取对象。

以util.js文件中模块化处理时间为例：

/**
 * 处理具体业务逻辑
 */
function formatTime(date) {
  //获取年月日
  var year = date.getFullYear()
  var month = date.getMonth() + 1
  var day = date.getDate()

  //获取时分秒
  var hour = date.getHours()
  var minute = date.getMinutes()
  var second = date.getSeconds();

  //格式化日期
  return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
}

function formatNumber(n) {
  n = n.toString()
  return n[1] ? n : '0' + n
}

/**
 * 模块化导出暴露接口
 */
module.exports = {
  formatTime: formatTime
}

使用方式：

//导入模块化方式
var util = require('../../utils/util.js')
Page({
  data: {
    logs: []
  },
  onLoad: function () {
    this.setData({
      logs: (wx.getStorageSync('logs') || []).map(function (log) {        
        return util.formatTime(new Date(log))
      })
    })
  }
})

WXML 模块化

WXSS 模块化

模块化的几个小建议