专栏首页宅机吧小程序快速封装函数以便公共调用

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

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

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

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

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

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)

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

本文分享自微信公众号 - 宅机吧(zhai-78),作者:许坏

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-05-14

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 小程序实现瀑布流及懒加载无限刷新

    这两天在仿图虫,其中涉及到一个需求就是很多页面需要进行瀑布流加载,网上搜了很多教程,其中有一个思路挺好的,稍微有点复杂,但确实是我想要的效果。

    许坏
  • 小程序进行md5加密无漏洞bug版

    今天在进行小程序与后台接口进行加密验证时候,发现了个很奇妙的问题,一模一样的字符串,经后台(php)md5加密后打印出的结果和在小程序前端md5后的结果不一样,...

    许坏
  • 小程序开发之随机验证码功能

    原理非常简单,就是取随机数,作为扩展,你可以试试加上字母,也很简单,暂时还没这需求,就不贴源码了。

    许坏
  • AS3给图片加水印文字

    通过FileReference获取选中的图片,调用它的load方法,将图片存入到内存中。使用Loader(flash.display.Loader)类的loa...

    meteoric
  • JavaScript面试题

    Dreamy.TZK
  • 当Kotlin遇见数据结构丨哈夫曼解码

    哈夫曼编码是一种编码格式,属于可变字长编码的一种,该方法依照字符出现的概率来构建异字头的平均长度最短的码字,最终实现根据使用频率来最大化节省码字(字符)的存储空...

    码脑
  • 正则表达式实例

    来源:寒青 链接:https://segmentfault.com/a/1190000012806098 1. 校验基本日期格式 var reg1 = /^\...

    程序员宝库
  • 压箱底的正则实例

    密码的强度必须是包含大小写字母和数字的组合,不能使用特殊字符,长度在8-10之间。

    grain先森
  • 1.HtmlAgilityPack 爬取优酷电影名

    爬虫的制作主要分为三个方面 1、加载网页结构 2、解析网页结构,转变为符合需求的数据实体 3、保存数据实体(数据库,文本等)

    小狐狸

扫码关注云+社区

领取腾讯云代金券