Node.js如何优雅的封装一个实用函数的npm包的方法


Posted in Javascript onApril 29, 2019

为什么要封装一个实用函数的 npm 包?

当你连续写了多个 Node 应用, 都想要 console 漂亮一点, 你可能会像下面这样封装一个函数

import chalk from "chalk";

function noop(msg: string): string {
  return msg
}

function log(fn: Function): (msg: string) => void {
  return (msg: string): void => {
    console.log(fn(msg));
  };
}

export default {
  success: log(chalk.green),
  error: log(chalk.red),
  warn: log(chalk.yellow),
  info: log(chalk.cyan),
  log: log(noop)
};

调用方式

import log from './log'
log.success("hello green message!")
log.error("hello red message!")
log.warn("hello yellow message!")
log.info("hello cyan message!")
log.log("hello normal message!")

慢慢的发现每个项目都需要这么一个 log 文件, 是的! 我们此时可以考虑把这些常用的函数封装集合到一个 npm 包里面了!

需要注意的事项有哪些

单元测试

考虑到代码量的增加以及贡献者的增加事先加入单元测试是很有必要的

  • 测试框架 - Mocha 是一个功能丰富的Javascript测试框架,它能运行在Node.js和浏览器中,支持BDD、TDD、QUnit、Exports式的测试
  • 断言库 - assert 是 Node 自带的

持续集成

Node.js如何优雅的封装一个实用函数的npm包的方法

Travis CI 提供的是持续集成服务(Continuous Integration,简称 CI)。它绑定 Github 上面的项目,只要有新的代码,就会自动抓取。然后,提供一个运行环境,执行测试,完成构建,还能部署到服务器。

Node.js如何优雅的封装一个实用函数的npm包的方法

代码层面

扩展开放, 修改关闭的设计原则

当 src 目录新增一个实用函数文件, index.ts 能够自动抓取然后挂载在 module.export 上

通过 getter 巧妙的实现懒加载导出的功能

Object.defineProperty(module.export, 'log', {
  configurable: false,
  enumerable: true,
  get: () => require('./log')
});

项目地址

https://github.com/xiaoxiaojx/enhanced 欢迎 ? Star ? 和 Pr  和 在项目中使用~

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js控制div及网页相关属性的代码
Dec 19 Javascript
Javascript实现关联数据(Linked Data)查询及注意细节
Feb 22 Javascript
javascript实现类似百度分享功能的方法
Jul 27 Javascript
JavaScript编写检测用户所使用的浏览器的代码示例
May 05 Javascript
Highcharts入门之简介
Aug 02 Javascript
Node.js connect ECONNREFUSED错误解决办法
Sep 15 Javascript
vue-router跳转页面的方法
Feb 09 Javascript
ReactNative Image组件使用详解
Aug 07 Javascript
基于jQuery Ajax实现下拉框无刷新联动
Dec 06 jQuery
vue实现nav导航栏的方法
Dec 13 Javascript
微信小程序三级联动选择器使用方法
May 19 Javascript
浅谈react性能优化的方法
Sep 05 Javascript
实现elementUI表单的全局验证的方法步骤
Apr 29 #Javascript
深入浅析Vue 中 ref 的使用
Apr 29 #Javascript
详解微信小程序实现跑马灯效果(附完整代码)
Apr 29 #Javascript
vue中利用simplemde实现markdown编辑器(增加图片上传功能)
Apr 29 #Javascript
微信小程序调用微信支付接口的实现方法
Apr 29 #Javascript
vue实现微信分享链接添加动态参数的方法
Apr 29 #Javascript
VueJs里利用CryptoJs实现加密及解密的方法示例
Apr 29 #Javascript
You might like
用PHP编写PDF文档生成器
2006/10/09 PHP
PHP远程连接MYSQL数据库非常慢的解决方法
2008/07/05 PHP
根据分辨率不同,调用不同的css文件
2006/07/07 Javascript
javascript 写类方式之五
2009/07/05 Javascript
自己写了一个展开和收起的多更能型的js效果
2013/03/05 Javascript
一款基jquery超炫的动画导航菜单可响应单击事件
2014/11/02 Javascript
Java Mybatis框架入门基础教程
2015/09/21 Javascript
使用struts2+Ajax+jquery验证用户名是否已被注册
2016/03/22 Javascript
详解JavaScript实现设计模式中的适配器模式的方法
2016/05/18 Javascript
jQuery改变form表单的action,并进行提交的实现代码
2016/05/25 Javascript
JS刷新父窗口的几种方式小结(推荐)
2016/11/09 Javascript
利用Javascript实现简单的转盘抽奖
2017/02/13 Javascript
jQuery实现QQ空间汉字转拼音功能示例
2017/07/10 jQuery
vue非父子组件通信问题及解决方法
2018/06/11 Javascript
Node.js + express实现上传大文件的方法分析【图片、文本文件】
2019/03/14 Javascript
Vue CLI2升级至Vue CLI3的方法步骤
2019/05/20 Javascript
过滤器vue.filters的使用方法实现
2019/09/18 Javascript
JS前端广告拦截实现原理解析
2020/02/17 Javascript
vue循环中点击选中再点击取消(单选)的实现
2020/09/10 Javascript
Python中在for循环中嵌套使用if和else语句的技巧
2016/06/20 Python
python 3.0 模拟用户登录功能并实现三次错误锁定
2017/11/01 Python
python机器学习之神经网络(一)
2017/12/20 Python
python实现猜单词小游戏
2020/05/22 Python
在Python中增加和插入元素的示例
2018/11/01 Python
10分钟用python搭建一个超好用的CMDB系统
2019/07/17 Python
Django 在iframe里跳转顶层url的例子
2019/08/21 Python
超实用的 30 段 Python 案例
2019/10/10 Python
CentOS7下安装python3.6.8的教程详解
2020/01/03 Python
10个python3常用排序算法详细说明与实例(快速排序,冒泡排序,桶排序,基数排序,堆排序,希尔排序,归并排序,计数排序)
2020/03/17 Python
Python环境下安装PyGame和PyOpenGL的方法
2020/03/25 Python
用pushplus+python监控亚马逊到货动态推送微信
2021/01/29 Python
Nike加拿大官网:Nike.com (CA)
2019/04/09 全球购物
法国购买二手电子产品网站:Asgoodasnew
2020/03/27 全球购物
2014年综治维稳工作总结
2014/11/17 职场文书
2015年度村委会工作总结
2015/04/29 职场文书
你需要掌握的20个Python常用技巧
2022/02/28 Python