首页 / 脚本样式 / JavaScript / 微信小程序 （六）模块化详细介绍

模块化也就是将一些通用的东西抽出来放到一个文件中，通过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组件