作为前端工程师，我们总是需要用到不同的 npm 包，其中 @spectacles/util 就是一款比较常用的包，本文将介绍该包的使用教程。
什么是 @spectacles/util
@spectacles/util 是基于 Typescript 开发的一个实用工具库，包括了一系列的方法，如字符串处理、数组处理、对象操作等等。
如何安装
使用 npm 安装 @spectacles/util ：
npm install @spectacles/util
如何使用
为方便说明，以下示例会选取其中部分方法进行演示。
isPrimitive
判断变量是否为基本类型。
-- -------------------- ---- ------- ------ - ----------- - ---- ------------------ ---------------------------------- -- ---- ------------------------------- -- ---- ------------------------------- -- ---- ---------------------------- -- ----- ---------------------------- -- ----- ------------------------------ -- ----- ----------------------------------- -- -----
deepClone
深拷贝一个对象。
-- -------------------- ---- -------
------ - --------- - ---- ------------------
----- ---- - -
-- --
-- -
-- --
-- -
-- -
-
-
-
----- ---- - ---------------
-------- - -
--------------------- -- -debounce
在频繁调用函数时，防止函数被过多调用。
import { debounce } from '@spectacles/util'
function handle() {
console.log('handle called')
}
const debouncedHandle = debounce(handle, 1000)
setInterval(debouncedHandle, 200)isArrayEqual
判断两个数组是否相等。
import { isArrayEqual } from '@spectacles/util'
const arr1 = [1, 2, 3]
const arr2 = [1, 2, 3]
const arr3 = [1, 2]
console.log(isArrayEqual(arr1, arr2)) // true
console.log(isArrayEqual(arr1, arr3)) // false结语
以上只是 @spectacles/util 中的部分方法，更多使用方法可参考官方文档。通过 npm 包 @spectacles/util 的使用，我们可以进一步提高开发效率，提高代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/111712