【工具】2102- es-toolkit：一个现代 JavaScript 工具包，体积更小，内置 TypeScript 支持
前端自习课
共 3354字，需浏览 7分钟
·
2024-07-14 11:02
介绍
es-toolkit 是一款先进且具备高性能的现代化 JavaScript 实用工具库，其拥有较小的捆绑包规模以及强大的类型注解，同时还提供了一系列非常不错的函数，适合日常使用。
相较于 lodash 等替代方案，es-toolkit 所提供的包体积显著减小（最多降低 97%），且运行时性能提升 2 - 3 倍。大部分功能是借助最新的 JavaScript 特性实现。
工具地址：https://es-toolkit.slash.page/
仓库地址：https://github.com/toss/es-toolkit
亮点和功能
es-toolkit 亮点包括：
-
es-toolkit 提供多种现代实现的“日常实用函数”，如 debounce、delay、chunk、sum 和 pick。 -
设计时考虑了性能，es-toolkit 在现代 JavaScript 环境中“实现了 2-3 倍的性能提升”。 -
es-toolkit 支持开箱即用，并且与其他库相比，可以**将 JavaScript 代码减少高达 97%**。 -
es-toolkit 包含“内置的 TypeScript 支持”，提供直观且强大的类型。它还提供诸如 isNotNil 等有用的类型保护。 -
es-toolkit 经过了“百分之百的测试覆盖率的实战检验”，确保其可靠性和稳健性。
es-toolkit 提供了一些常用功能：
-
Array: 数组操作工具，如 uniq 和 difference。 -
Function: 控制函数执行的工具，包括 debounce 和 throttle。 -
Math: 数值操作工具，如 sum 和 round。 -
Object: 操作 JavaScript 对象的工具，如 pick 和 omit。 -
Predicate: 类型保护函数，如 isNotNil。 -
Promise: 异步操作工具，如 delay。 -
String: 字符串操作工具，如 snakeCase。
安装
es-toolkit 支持多种安装方式：
-
“Node.js 安装”：支持 Node.js 18 及更高版本；
npm install es-toolkit
-
“Deno 安装”：通过 JSR 安装到 Deno，需注意包名与 npm 不同；
deno add @es-toolkit/es-toolkit
-
“Bun 安装”：也支持在 Bun 中的安装。
bun add es-toolkit
使用示例
// import from '@es-toolkit/es-toolkit' in jsr.
import { debounce, chunk } from "es-toolkit";
const debouncedLog = debounce((message) => {
console.log(message);
}, 300);
// 这个调用将会被防抖处理
debouncedLog("Hello, world!");
const array = [1, 2, 3, 4, 5, 6];
const chunkedArray = chunk(array, 2);
console.log(chunkedArray);
// 输出: [[1, 2], [3, 4], [5, 6]]s
包体积
凭借自身现代化的达成，es-toolkit 大大降低了其包的大小，和 lodash 等其他的库相较而言，能够减少差不多 97%呢。这就让 es-toolkit 在包的体积这一块变成了最有效的那个选项，当中有一些实用的函数，体积居然还不到 100 字节。
下面是详细的对比：
性能
es-toolkit 在设计的时候着重考虑了性能方面，和类似于 lodash 的那些替代库相较而言，平均性能竟然提高了 2 倍。借由充分运用现代 JavaScript API ，有的函数甚至能够达成高达 11 倍的性能提升呢。
在 MacBook Pro 14-inch (M1 Max, 2021) 上进行了测试。
回复“加群”，一起学习进步
评论