【工具】2102- es-toolkit：一个当代 JavaScript 工具包，体积更小，内置 TypeScript 支持...

先容

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 及更高版本；
  

1. npm install es-toolkit

复制代码

• “Deno 安装”：通过 JSR 安装到 Deno，需留意包名与 npm 差别；
  

1. deno add @es-toolkit/es-toolkit

复制代码

• “Bun 安装”：也支持在 Bun 中的安装。
  

1. bun add es-toolkit

复制代码

使用示例

1. // import from '@es-toolkit/es-toolkit' in jsr.
2. import { debounce, chunk } from "es-toolkit";
4. const debouncedLog = debounce((message) => {
5.   console.log(message);
6. }, 300);
8. // 这个调用将会被防抖处理
9. debouncedLog("Hello, world!");
11. const array = [1, 2, 3, 4, 5, 6];
12. const chunkedArray = chunk(array, 2);
14. console.log(chunkedArray);
15. // 输出: [[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) 上举行了测试。
往期回顾
#
怎样使用 TypeScript 开发 React 函数式组件？
#
11 个须要制止的 React 错误用法
#
6 个 Vue3 开发必备的 VSCode 插件
#
3 款非常实用的 Node.js 版本管理工具
#
6 个你必须明确 Vue3 的 ref 和 reactive 题目
#
6 个意想不到的 JavaScript 题目
#
试着换个角度明确低代码平台计划的本质

复兴“加群”，一起学习进步