前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >小程序快速封装函数以便公共调用

小程序快速封装函数以便公共调用

作者头像
许坏
发布2019-07-09 14:43:01
1.3K0
发布2019-07-09 14:43:01
举报
文章被收录于专栏:宅机吧宅机吧

最近的那个项目,因为多处记录功能需要写入存储时间,如果每个页面都写一次会使得代码太臃肿,所以我们使用封装函数调用。

封装就是把实现某功能的代码拿出来做为单独的函数, 在不同的地方可以直接调用。

封装函数最大好处就是可以避免代码的重复书写, 从而提高效率。

下面演示的是一个获取当前年月日的简单封装函数

utils/common.js

代码语言:javascript
复制
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页面

代码语言:javascript
复制
var js = require("../../utils/common.js");
var nowTime = js.nowTime();
console.log(nowTime)

接下来演示传参型函数封装

utils/common.js

代码语言:javascript
复制
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

代码语言:javascript
复制
var js = require("../../utils/common.js");
var canshu = js.word("公众号宅机吧");
console.log(canshu)

上面演示的都是很简单的封装,常见的封装登录接口,请求接口等,原理都一样,关键靠自己琢磨。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-05-14,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 宅机吧 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档