上一章节我们讲了分页数据的处理, setData
数据限制的解决办法,模板字符串以及触底分页获取数据。
那么这一章节我们学习小程序的模块化。
模块化
可以将一些公共的代码抽离成为一个单独的js文件,作为一个模块。
模块只有通过 module.exports
或者 exports
才能对外暴露接口。通过 require
方式引入
exports
是module.exports
的一个引用,因此在模块里边随意更改exports
的指向会造成未知的错误。所以更推荐开发者采用module.exports
来暴露模块接口,除非你已经清晰知道这两者的关系。- 小程序目前不支持直接引入
node_modules
, 开发者需要使用到node_modules
时候建议拷贝出相关的代码到小程序的目录中,或者使用小程序支持的 npm 功能。
同时小程序是支持 ES6 的 export 来暴露接口的,模块引入通过 import。
封装 wx.request
在 src/es6
目录下新建一个 sandBox.js
文件
export const sandBox = {
get({api, data, header}){
return new Promise((resolve, reject) => {
wx.request({
url:"http