微信小程序 （六）模块化详细介绍

模块化也就是将一些通用的东西抽出来放到一个文件中，通过module.exports去暴露接口。我们在最初新建项目时就有个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))
})
})
}
})

相关文章：

hello WeApp                      icon组件
Window                             text组件                                switch组件
tabBar底部导航                 progress组件                        action-sheet
应用生命周期                    button组件                            modal组件
页面生命周期                    checkbox组件                       toast组件
模块化详                           form组件详                            loading 组件
数据绑定                           input 组件                             navigator 组件
View组件                          picker组件                             audio 组件
scroll-view组件                 radio组件                              video组件
swiper组件                        slider组件                              Image组件

您可能感兴趣的文章:

• 微信小程序-详解微信登陆、微信支付、模板消息
• 微信小程序 template模板详解及实例
• 微信小程序 template模板详解及实例代码
• 微信小程序视图template模板引用的实例详解
• 微信小程序 教程之模块化
• 微信小程序 input输入框控件详解及实例（多种示例）
• 微信小程序 传值取值的几种方法总结
• 微信小程序 数据访问实例详解
• 微信小程序模板和模块化用法实例分析