随着前端开发不断发展，我们常常需要使用一些常用的工具函数来提高开发效率。为此，我们推出了 npm 包 wy-custom-utils，为大家提供了许多常用的工具函数。本篇文章将详细介绍 npm 包 wy-custom-utils 的使用方法。
安装
首先，在项目中使用 npm 或 yarn 安装：
npm install wy-custom-utils
或
yarn add wy-custom-utils
然后就可以使用其中的函数了。
简介
wy-custom-utils 包含了一些常用的工具函数，如字符串处理、数组去重、浏览器识别、函数节流等。下面我们就来看看这些函数具体是怎么使用的。
字符串操作
toType
toType 函数可以判断变量类型，返回值包括：Boolean、Number、String、Function、Array、Date、RegExp、Object、Error、Null、Undefined、NaN。
-- -------------------- ---- ------- ------ - ------ - ---- ----------------- ----------------------- -- ------- ---------------------- -------- -- ------ ----------------------- -- -------- ------------------------------- -- -------- ------------------------------ -- ----------- ------------------------ -- -------- ----------------------- -- -------- ------------------------- -- ------ ---------------------- --------- -- ------- ------------------------ -- -----
trim
trim 函数可以去除字符串两端的空白字符。
import { trim } from 'wy-custom-utils'
console.log(trim(' hello world ')) // "hello world"lowerCase、upperCase、capitalize
lowerCase 函数可以将字符串转换为小写字母，upperCase 函数可以将字符串转换为大写字母，capitalize 可以将首字母大写。
import { lowerCase, upperCase, capitalize } from 'wy-custom-utils'
console.log(lowerCase('hEllo wORld')) // "hello world"
console.log(upperCase('hEllo wORld')) // "HELLO WORLD"
console.log(capitalize('hEllo wORld')) // "Hello world"数组去重
unique
unique 函数可以去除数组中的重复元素。
import { unique } from 'wy-custom-utils'
console.log(unique([1, 2, 2, 3, 3, 3])) // [1, 2, 3]compact
compact 函数可以去除数组中的 false、null、0、""、undefined、NaN 元素。
import { compact } from 'wy-custom-utils'
console.log(compact([1, 0, false, '', null, undefined, NaN])) // [1]浏览器识别
isIE、isFirefox、isChrome
isIE 函数可以判断当前是否为 IE 浏览器，isFirefox 函数可以判断是否为 Firefox 浏览器，isChrome 函数可以判断是否为 Chrome 浏览器。
import { isIE, isFirefox, isChrome } from 'wy-custom-utils'
console.log(isIE()) // true or false
console.log(isFirefox()) // true or false
console.log(isChrome()) // true or false函数节流
throttle
throttle 函数可以限制函数的调用频率，在指定时间内只执行一次函数。
import { throttle } from 'wy-custom-utils'
window.addEventListener('resize', throttle(() => {
console.log('resize')
}, 200))总结
wy-custom-utils 包含了不少常用的工具函数，可以帮助我们提高开发效率。通过本文的介绍，我们可以看到这些函数的使用和实现方法，掌握了这些函数，可以更加轻松地应对各种开发需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066b4d51ab1864dac66816