【工具】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 及更高版本;
go 复制代码
npm install es-toolkit
  • "Deno 安装":通过 JSR 安装到 Deno,需注意包名与 npm 不同;
go 复制代码
deno add @es-toolkit/es-toolkit
  • "Bun 安装":也支持在 Bun 中的安装。
go 复制代码
bun add es-toolkit

使用示例

go 复制代码
// 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) 上进行了测试。

往期回顾

如何使用 TypeScript 开发 React 函数式组件?

11 个需要避免的 React 错误用法

6 个 Vue3 开发必备的 VSCode 插件

3 款非常实用的 Node.js 版本管理工具

6 个你必须明白 Vue3 的 ref 和 reactive 问题

6 个意想不到的 JavaScript 问题

试着换个角度理解低代码平台设计的本质

回复"加群",一起学习进步

相关推荐
东哥说-MES|从入门到精通2 小时前
GenAI-生成式人工智能在工业制造中的应用
大数据·人工智能·智能制造·数字化·数字化转型·mes
万岳软件开发小城3 小时前
教育APP/小程序开发标准版图:课程、题库、直播、学习一站式梳理
大数据·php·uniapp·在线教育系统源码·教育app开发·教育软件开发
Aerelin4 小时前
爬虫playwright入门讲解
前端·javascript·html·playwright
笙年4 小时前
JavaScript Promise,包括构造函数、对象方法和类方法
开发语言·javascript·ecmascript
桜吹雪4 小时前
LangChain.js/DeepAgents可观测性
javascript·人工智能
STLearner4 小时前
AI论文速读 | U-Cast:学习高维时间序列预测的层次结构
大数据·论文阅读·人工智能·深度学习·学习·机器学习·数据挖掘
数字化顾问4 小时前
(65页PPT)大型集团物料主数据管理系统建设规划方案(附下载方式)
大数据·运维·人工智能
灵魂学者4 小时前
Vue3.x —— 父子通信
前端·javascript·vue.js·github
老蒋新思维5 小时前
创客匠人 2025 全球创始人 IP+AI 万人高峰论坛:AI 赋能下知识变现与 IP 变现的实践沉淀与行业启示
大数据·人工智能·网络协议·tcp/ip·重构·创始人ip·创客匠人
芳草萋萋鹦鹉洲哦6 小时前
【vue/js】文字超长悬停显示的几种方式
前端·javascript·vue.js