【工具】2102- es-toolkit:一个现代 JavaScript 工具包,体积更小,内置 TypeScript 支持...

news2024/11/23 20:15:57

介绍

es-toolkit 是一款先进且具备高性能的现代化 JavaScript 实用工具库,其拥有较小的捆绑包规模以及强大的类型注解,同时还提供了一系列非常不错的函数,适合日常使用。

b04cd14cb228f07c56ca299a5b9762f1.png

相较于 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 字节。
下面是详细的对比:

41f1e9910dca9ab69b6d4d59fd1f8995.png

性能

es-toolkit 在设计的时候着重考虑了性能方面,和类似于 lodash 的那些替代库相较而言,平均性能竟然提高了 2 倍。借由充分运用现代 JavaScript API ,有的函数甚至能够达成高达 11 倍的性能提升呢。

e58888ac5cfea562ae6393a05671265b.png

在 MacBook Pro 14-inch (M1 Max, 2021) 上进行了测试。

往期回顾

#

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

#

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

#

6 个 Vue3 开发必备的 VSCode 插件

#

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

#

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

#

6 个意想不到的 JavaScript 问题

#

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

dd1507bc457c3240a763468b09875ac2.gif

回复“加群”,一起学习进步

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1929410.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

SourceTree rebase(变基)的使用

参考资料 【Sourcetree】コミットを一つにまとめる【Sourcetree】リベースする 目录 前提0.1 merge与rebase0.2 merge合并分支0.3 rebase合并分支0.4 💥超级注意事项💥 一. 代码已提交,未推送,交互式变基1.1 通过SourceTree操作1…

初识C++|类与对象(上)

🍬 mooridy-CSDN博客 🧁C专栏(更新中!) 1. 类的定义 1.1 类定义格式 • class为定义类的关键字,Stack为类的名字,{}中为类的主体,注意类定义结束时后⾯分号不能省略。 类体中内容…

如何进行闭包求解

参考资料: 离散数学

根据日志绘制障碍物轮廓点和中心点

绘制log中的障碍物凸包点,首先给出log日志中的障碍物的凸包点 [Info]-[PointCloudHandle:88]:[2024-07-14,09:55:41.052]-back obj size 6 [Info]-[PointCloudHandle:92]:[2024-07-14,09:55:41.052]-back obj size 6 cur idx 1 [Info]-[PointCloudHandle:93]:[2024…

SMTP服务器地址与端口号有哪些关系与区别?

SMTP服务器地址如何正确配置?怎么验证服务器的地址? 了解SMTP服务器地址与端口号的关系与区别对于确保邮件系统的正常运作至关重要。AokSend将详细探讨这两者之间的关系和区别,并解释它们在邮件传输过程中的重要性。 SMTP服务器地址&#x…

Figma 中文版指南:获取和安装汉化插件

Figma是一种主流的在线团队合作设计工具,也是一种基于 Web 端的设计工具。在当今的设计时代,Figma 的使用满足了每个人的设计需求,不仅可以实现在线编辑,还可以方便日常管理,有效提高工作效率。然而,相信很…

小试牛刀-Telebot区块链游戏机器人

目录 1.编写目的 2.实现功能 2.1 Wallet功能 2.2 游戏功能 2.3 提出功能 2.4 辅助功能 3.功能实现详解 3.1 wallet功能 3.2 游戏功能 3.3 提出功能 3.4 辅助功能 4.测试视频 Welcome to Code Blocks blog 本篇文章主要介绍了 [Telebot区块链游戏机器人] ❤博主…

css 屏幕四周报警提示

屏幕四周出现律动的红色边框&#xff0c;产生报警提示的效果。 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>Screen Edge Warning</title><style>body, html {margin: 0;padding: 0;he…

【软件测试】编写测试用例篇

前面部分主要是编写测试用例的方法和方向&#xff0c;后面一部分是编写出具体的测试用例 目录 什么是测试用例 1.设计测试用例的万能公式 1.1.从思维出发 1.2.万能公式 1.3.弱网测试 1.4.安装与卸载测试 2.设计测试用例的方法 2.1.基于需求的设计方法 2.2.等价类 2.3…

python-矩阵加法(赛氪OJ)

[题目描述] 输入两个 n 行 m 列的矩阵 A 和 B &#xff0c;输出它们的和 AB。矩阵加法的规则是两个矩阵中对应位置的值进行加和&#xff0c;具体参照样例。输入&#xff1a; 输入共 2⋅n1 行&#xff0c;第一行包含两个整数 n 和 m&#xff0c;表示矩阵的行数和列数 (1≤n,m≤1…

原来,BI数据分析也是有模板的

在当今数据驱动的时代&#xff0c;商业智能&#xff08;BI&#xff09;数据分析已经成为企业决策的重要工具。然而&#xff0c;很多人可能并不了解&#xff0c;BI数据分析并非从零开始&#xff0c;而是可以依托现成的模板和解决方案来快速搭建和实施的。以奥威BI方案为例&#…

Vue3 前置知识

1. Vue3 简介 2020年9月18日&#xff0c;Vue.js发布版3.8版本&#xff0c;代号&#xff1a;one Piece(海贼王)经历了&#xff1a;4800次提交、40个RFC、600次PR、300贡献者官方发版地址&#xff1a;Release v3.0.0 One Piecevuejs/,core截止2023年10月&#xff0c;最新的公开版…

数学建模·层次分析法

层次分析法 LAF 定义 评价体系的优劣影响&#xff0c;计算评价指标的权重的一种方法 主观性较强&#xff0c;现在一般不用 主要步骤 关键在于一致性检验和求权值 权重的计算 注意权重之和为1&#xff0c;需要归一化 算数平均法 特征值法 矩阵的一致性检验 为什么要检验…

如何应对AI发展下的伦理挑战

目录 1.概述 2.构建可靠的AI隐私保护机制 2.1. 最小化数据收集 2.2. 数据去标识化 2.3. 加密技术 2.4. 分布式学习和边缘计算 2.5. 强化用户控制权 2.6. 独立审计和合规性检查 2.7. 持续教育和培训 2.8.小结 3.确保AI算法的公正性和透明度 3.1.增强AI决策透明度的方…

安卓MT管理器v2.16.2/逆向修改神器 本地VIP已解锁

MT管理器是一款强大的文件管理工具和APK逆向修改神器。如果你喜欢它的双窗口操作风格&#xff0c;可以单纯地把它当成文件管理器使用。如果你对修改APK有深厚的兴趣&#xff0c;那么你可以用它做许许多多的事&#xff0c;例如汉化应用、替换资源、修改布局、修改逻辑代码、资源…

Java用JDBC链接mysql

一、什么是JDBC&#xff1a; 是Java平台上的标准数据库访问技术。它提供了一套API&#xff08;应用程序编程接口&#xff09;&#xff0c;允许Java应用程序与各种类型的数据库进行交互&#xff0c;包括关系型数据库&#xff08;如MySQL、Oracle、SQL Server等&#xff09;和非关…

MBR30200PT-ASEMI智能AI应用MBR30200PT

编辑&#xff1a;ll MBR30200PT-ASEMI智能AI应用MBR30200PT 型号&#xff1a;MBR30200PT 品牌&#xff1a;ASEMI 封装&#xff1a;TO-247 批号&#xff1a;最新 恢复时间&#xff1a;35ns 最大平均正向电流&#xff08;IF&#xff09;&#xff1a;30A 最大循环峰值反向…

中国最受欢迎的起名大师国学泰斗颜廷利:世界公认的伟大思想家

物质构成了文化的根基&#xff0c;而精神则象征着文明的光辉。汉字文化和汉语言文明&#xff0c;作为历经数千年而不衰的宝贵遗产&#xff0c;巧妙地平衡了综合性与创新性、继承性与变革性、民族性与时代性的关系&#xff0c;确保了中国文化在传承中既保持了一贯的学术传统、道…

最新付费进群修复版本站亲测试

PHP必需7.2 sg11扩展 tp伪静态 *数据库修改地址&#xff1a;config/database.php 导入数据库 关闭防跨站 *编辑数据库找到qing_config表&#xff0c;更改网站域名codenet.cc改为自己的域名 后台账号18888888888 密码123456 分销后台&#xff1a;域名fenxiao.php 分站后台&am…

80万开一家零食店,每日1万营业额还亏本

在探讨以80万资金投资开设一家零食店的决策时&#xff0c;我们不得不深入剖析这一商业行为的多个层面&#xff0c;以更全面的视角审视其盈利潜力与潜在风险。 首先&#xff0c;提及的这家拥有千余家门店的零食连锁品牌&#xff0c;其招商宣传中的高存活率固然诱人&#xff0c;…