最近的那个项目,因为多处记录功能需要写入存储时间,如果每个页面都写一次会使得代码太臃肿,所以我们使用封装函数调用。
封装就是把实现某功能的代码拿出来做为单独的函数, 在不同的地方可以直接调用。
封装函数最大好处就是可以避免代码的重复书写, 从而提高效率。
下面演示的是一个获取当前年月日的简单封装函数
utils/common.js
var nowTime= function () {
var now = new Date();
var year = now.getFullYear();
var month =now.getMonth() + 1;
var day = now.getDate();
var date = year + "-" + month + "-" + day;
return date;
}
module.exports = {
nowTime: nowTime// 前面一个是外部引用时使用的名称, 后一个是本js中变量的名称
}
在需要调用的页面中,示例为pages/index/index页面
var js = require("../../utils/common.js");
var nowTime = js.nowTime();
console.log(nowTime)
接下来演示传参型函数封装
utils/common.js
var nowTime= function () {
var now = new Date();
var year = now.getFullYear();
var month =now.getMonth() + 1;
var day = now.getDate();
var date = year + "-" + month + "-" + day;
return date;
}
var chuancan = function (word) {
return word;
}
module.exports = {
nowTime: nowTime,// 前面一个是外部引用时使用的名称, 后一个是本js中变量的名称
word:chuancan
}
pages/index/index
var js = require("../../utils/common.js");
var canshu = js.word("公众号宅机吧");
console.log(canshu)
上面演示的都是很简单的封装,常见的封装登录接口,请求接口等,原理都一样,关键靠自己琢磨。