在前端开发过程中,经常需要使用各种工具函数来简化代码以及提高开发效率。npm 大量提供了这种工具函数,如 lodash、moment 等等。dh-jstools 是一个集成了常用 JavaScript 工具函数的 npm 包,可以方便地在项目中使用。本文将介绍 dh-jstools 的安装、使用以及常用 API。
安装 dh-jstools
安装 dh-jstools 非常简单,可以使用 npm 包管理器进行安装。在终端中输入以下命令即可:
npm install dh-jstools
使用 dh-jstools
安装成功后,在项目中使用 dh-jstools 非常方便。需要先引入:
const dhJs = require('dh-jstools');
然后就可以在代码中使用 dhJs 提供的各种工具函数。
常用 API
dhJs.getType(obj)
获取某个变量的类型,返回值为字符串。
dhJs.getType(123); // 'Number' dhJs.getType('123'); // 'String' dhJs.getType(true); // 'Boolean' dhJs.getType(undefined); // 'Undefined' dhJs.getType(null); // 'Null' dhJs.getType([]); // 'Array' dhJs.getType({}); // 'Object' dhJs.getType(function() {}); // 'Function'
dhJs.isEqual(obj1, obj2)
判断两个对象是否相等,返回值为布尔值。
dhJs.isEqual(1, '1'); // false dhJs.isEqual([1,2], [1,2]); // true dhJs.isEqual({a: 1}, {a: 2}); // false
dhJs.numFormat(num, digits)
格式化数字,将数字保留指定的小数位数。
dhJs.numFormat(12345.6789, 2); // 12345.68 dhJs.numFormat(12345.6, 4); // 12345.6000
dhJs.dateFormat(date, fmt)
将日期格式化为指定的格式,返回字符串。
dhJs.dateFormat(new Date(), 'YYYY-MM-DD'); // '2022-01-01' dhJs.dateFormat(new Date(), 'HH:mm:ss'); // '08:15:30'
dhJs.getQueryString(name)
获取 URL 中指定的参数值,返回字符串。
dhJs.getQueryString('id'); // '123'
dhJs.storage.set(key, value)
将某个值存储在 localStorage 中。
dhJs.storage.set('username', 'dhjstools');
dhJs.storage.get(key)
从 localStorage 中获取某个值。
dhJs.storage.get('username'); // 'dhjstools'
总结
dh-jstools 提供的 API 涵盖了前端开发过程中常用的工具函数,可以方便开发者快速地完成工作。同时,dh-jstools 还提供了 localStorage 存储的封装函数,可以方便地存储和获取数据。在使用 dh-jstools 时,需要注意参数的类型以及 API 的使用方法。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60055ca681e8991b448da0b0