简介
nelreina-utility-lib 是一个前端常用函数库,其中包含了许多实用的函数和工具,可以帮助我们完成一些常见的任务。它支持 npm 安装,并且可以在浏览器和 Node.js 环境下使用。
安装
nelreina-utility-lib 可以通过 npm 安装:
npm install nelreina-utility-lib
在浏览器中使用时,可以通过以下方式引入:
<script src="node_modules/nelreina-utility-lib/dist/nelreina-utility-lib.min.js"></script>
在 Node.js 环境下使用时,可以通过以下方式引入:
const nelreinaUtility = require('nelreina-utility-lib');
使用方法
使用 nelreina-utility-lib 时,需要先引入它:
const nelreinaUtility = require('nelreina-utility-lib');
函数列表
以下是 nelreina-utility-lib 中常用的函数:
clone(obj)
:深拷贝对象debounce(fn, delay)
:函数去抖throttle(fn, delay)
:函数节流querystringify(data)
:将对象转换成查询字符串stringify(data)
:将对象转换成 JSON 字符串parseJSON(data)
:将字符串转换成 JSON 对象hasOwn(obj, prop)
:判断对象是否有某个属性isIn(elem, array)
:判断元素是否在数组中存在unique(array)
:数组去重
以下是函数的使用方法:
clone(obj)
使用方法:
const newObj = nelreinaUtility.clone(obj);
示例代码:
const obj = { a: { b: { c: 'hello world' } }, d: [1, 2, 3] }; const newObj = nelreinaUtility.clone(obj); newObj.a.b.c = 'new value'; console.log(newObj.a.b.c); // 'new value' console.log(obj.a.b.c); // 'hello world'
debounce(fn, delay)
使用方法:
const newFn = nelreinaUtility.debounce(fn, delay);
示例代码:
function print() { console.log('hello world'); } const newFn = nelreinaUtility.debounce(print, 1000); setInterval(newFn, 500);
上面的代码会每隔 500ms 执行一次 newFn 函数,但由于使用了 debounce,实际上 newFn 函数只有在 1000ms 后才会真正被执行,因此实际上只有每 1500ms 执行一次。
throttle(fn, delay)
使用方法:
const newFn = nelreinaUtility.throttle(fn, delay);
示例代码:
function print() { console.log('hello world'); } const newFn = nelreinaUtility.throttle(print, 1000); setInterval(newFn, 500);
上面的代码会每隔 500ms 执行一次 newFn 函数,但由于使用了 throttle,实际上 newFn 函数每个 1000ms 只会被执行一次,因此实际上每秒只会打印一次 'hello world'。
querystringify(data)
使用方法:
const qs = nelreinaUtility.querystringify(data);
示例代码:
const data = { name: 'nelreina', age: 18, sex: 'male' }; const qs = nelreinaUtility.querystringify(data); console.log(qs); // 'name=nelreina&age=18&sex=male'
stringify(data)
使用方法:
const jsonStr = nelreinaUtility.stringify(data);
示例代码:
const data = { name: 'nelreina', age: 18, sex: 'male' }; const jsonStr = nelreinaUtility.stringify(data); console.log(jsonStr); // '{"name":"nelreina","age":18,"sex":"male"}'
parseJSON(data)
使用方法:
const jsonObj = nelreinaUtility.parseJSON(data);
示例代码:
const data = '{"name":"nelreina","age":18,"sex":"male"}'; const jsonObj = nelreinaUtility.parseJSON(data); console.log(jsonObj); // { name: 'nelreina', age: 18, sex: 'male' }
hasOwn(obj, prop)
使用方法:
const result = nelreinaUtility.hasOwn(obj, prop);
示例代码:
const obj = { name: 'nelreina', age: 18 }; const hasName = nelreinaUtility.hasOwn(obj, 'name'); const hasSex = nelreinaUtility.hasOwn(obj, 'sex'); console.log(hasName); // true console.log(hasSex); // false
isIn(elem, array)
使用方法:
const result = nelreinaUtility.isIn(elem, array);
示例代码:
const array = [1, 2, 3, 4, 5]; const isIn = nelreinaUtility.isIn(3, array); const isNotIn = nelreinaUtility.isIn(6, array); console.log(isIn); // true console.log(isNotIn); // false
unique(array)
使用方法:
const newArr = nelreinaUtility.unique(array);
示例代码:
const array = [1, 2, 3, 1, 2, 4, 5]; const newArr = nelreinaUtility.unique(array); console.log(newArr); // [1, 2, 3, 4, 5]
总结
nelreina-utility-lib 是一个非常实用的前端函数库,它包含了许多实用的函数和工具,可以帮助我们完成一些常见的任务。这篇文章介绍了 nelreina-utility-lib 的安装和使用方法,以及常用函数的具体使用。希望它能对你有所帮助。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60057c0381e8991b448ebb01