一个现代的 JavaScript 实用库,提供了一系列强大的函数,适用于日常使用

本文主要是介绍一个现代的 JavaScript 实用库,提供了一系列强大的函数,适用于日常使用,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

大家好,今天给大家分享的是一个现代的 JavaScript 实用库,提供了一系列强大的函数es-toolkit

es-toolkit 是一个先进的、高性能的 JavaScript 实用工具库,具有小的捆绑包大小和强大的类型注解。

项目介绍

与 lodash 等替代品相比,es-toolkit 提供了 显著更小的包体积(最多减少97%)和 2-3倍更快的运行时性能。这是通过利用最新的 JavaScript 特性实现的。

es-toolkit 内置 TypeScript 类型,并经过严格测试,确保了100%的测试覆盖率,以保证最大的可靠性。

主要特性

体积小巧: 通过充分利用现代 JavaScript 的特性,es-toolkit 的包体积显著减小,通常比 lodash 小得多,这对于构建轻量级应用非常有利。

性能优异: es-toolkit 的函数经过精心优化,在性能方面表现出色,能够提供更快的执行速度。

类型安全: es-toolkit 充分利用 TypeScript 的类型系统,为函数提供了完善的类型定义,有助于提高代码的可靠性和可维护性。

功能丰富: 尽管体积小巧,es-toolkit 仍然提供了丰富的函数,涵盖了数组操作、函数操作、对象操作、字符串操作等多个方面。

主要功能

数组工具: chunk、concat(兼容性)、compact、flatten 等,用于对数组进行各种操作。

函数工具: before、after、debounce 等,用于函数的控制和组合。

数学工具: clamp、round、sum 等,用于数值计算。

对象工具: clone、omit 等,用于对象操作。

谓词: isArguments(兼容性)、isArray(兼容性)等,用于类型判断。

字符串工具: camelCase、snakeCase 等,用于字符串格式转换。

性能

es-toolkit 设计时考虑了性能,与类似 lodash 的替代库相比,平均性能提升了2倍。通过充分利用现代 JavaScript API,部分函数甚至可以获得高达11倍的性能提升。

es-toolkit 0.0.1lodash-es 4.17.21Difference
omit4,767,360 times403,624 times11.8×
pick9,121,839 times2,663,072 times3.43×
differenceWith9,291,897 times4,275,222 times2.17×
difference10,436,101 times5,155,631 times2.02×
intersectionWith8,074,722 times3,814,479 times2.12×
intersection9,999,571 times4,630,316 times2.15×
unionBy6,435,983 times3,794,899 times1.69×
union5,059,209 times4,771,400 times1.06×
dropRightWhile7,529,559 times5,606,439 times1.34×
groupBy5,000,235 times5,206,286 times0.96×

在 MacBook Pro 14-inch (M1 Max, 2021) 上进行了测试。请参考我们的 基准测试代码。

安装使用

安装

es-toolkit 可通过 npm 安装,适用于 Node.js 和 Bun,也可以通过 JSR 安装到 Deno。

你也可以通过 从CDN 导入 的方式在浏览器中使用 es-toolkit。

Node.js

es-toolkit 支持 Node.js 18及更高版本。使用以下命令安装 es-toolkit:

// npm安装
npm install es-toolkit// pnpm安装
pnpm install es-toolkit// yarn安装
yarn add es-toolkit
Deno

es-toolkit 也可以通过 JSR 安装到 Deno。使用以下命令安装 es-toolkit:

deno add @es-toolkit/es-toolkit

请注意,根据 JSR 的限制,包名包含额外的作用域,与 npm 不同。

import { sum } from '@es-toolkit/es-toolkit';sum([1, 2, 3]);
Bun

es-toolkit 也支持 Bun。您可以使用以下命令安装它:

bun add es-toolkit
浏览器

你可以在诸如jsdelivr或unpkg等CDN上找到es-toolkit。我们将 _ 定义为包含所有函数,类似于 Lodash。

//jsdelivr
<script src="https://cdn.jsdelivr.net/npm/es-toolkit"></script>
//unpkg
<script src="https://unpkg.com/es-toolkit"></script>
<script>var arr = _.chunk([1, 2, 3, 4, 5, 6], 3);
</script>

使用

具体使用方法,请参考官方说明文档。

项目地址

https://github.com/toss/es-toolkit

一个现代的 JavaScript 实用库,提供了一系列强大的函数,适用于日常使用 - BTool博客 - 在线工具软件,为开发者提供方便 

这篇关于一个现代的 JavaScript 实用库,提供了一系列强大的函数,适用于日常使用的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1121094

相关文章

使用Java将各种数据写入Excel表格的操作示例

《使用Java将各种数据写入Excel表格的操作示例》在数据处理与管理领域,Excel凭借其强大的功能和广泛的应用,成为了数据存储与展示的重要工具,在Java开发过程中,常常需要将不同类型的数据,本文... 目录前言安装免费Java库1. 写入文本、或数值到 Excel单元格2. 写入数组到 Excel表格

redis中使用lua脚本的原理与基本使用详解

《redis中使用lua脚本的原理与基本使用详解》在Redis中使用Lua脚本可以实现原子性操作、减少网络开销以及提高执行效率,下面小编就来和大家详细介绍一下在redis中使用lua脚本的原理... 目录Redis 执行 Lua 脚本的原理基本使用方法使用EVAL命令执行 Lua 脚本使用EVALSHA命令

Java并发编程之如何优雅关闭钩子Shutdown Hook

《Java并发编程之如何优雅关闭钩子ShutdownHook》这篇文章主要为大家详细介绍了Java如何实现优雅关闭钩子ShutdownHook,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起... 目录关闭钩子简介关闭钩子应用场景数据库连接实战演示使用关闭钩子的注意事项开源框架中的关闭钩子机制1.

Maven中引入 springboot 相关依赖的方式(最新推荐)

《Maven中引入springboot相关依赖的方式(最新推荐)》:本文主要介绍Maven中引入springboot相关依赖的方式(最新推荐),本文给大家介绍的非常详细,对大家的学习或工作具有... 目录Maven中引入 springboot 相关依赖的方式1. 不使用版本管理(不推荐)2、使用版本管理(推

Java 中的 @SneakyThrows 注解使用方法(简化异常处理的利与弊)

《Java中的@SneakyThrows注解使用方法(简化异常处理的利与弊)》为了简化异常处理,Lombok提供了一个强大的注解@SneakyThrows,本文将详细介绍@SneakyThro... 目录1. @SneakyThrows 简介 1.1 什么是 Lombok?2. @SneakyThrows

在 Spring Boot 中实现异常处理最佳实践

《在SpringBoot中实现异常处理最佳实践》本文介绍如何在SpringBoot中实现异常处理,涵盖核心概念、实现方法、与先前查询的集成、性能分析、常见问题和最佳实践,感兴趣的朋友一起看看吧... 目录一、Spring Boot 异常处理的背景与核心概念1.1 为什么需要异常处理?1.2 Spring B

如何在 Spring Boot 中实现 FreeMarker 模板

《如何在SpringBoot中实现FreeMarker模板》FreeMarker是一种功能强大、轻量级的模板引擎,用于在Java应用中生成动态文本输出(如HTML、XML、邮件内容等),本文... 目录什么是 FreeMarker 模板?在 Spring Boot 中实现 FreeMarker 模板1. 环

使用Python和Pyecharts创建交互式地图

《使用Python和Pyecharts创建交互式地图》在数据可视化领域,创建交互式地图是一种强大的方式,可以使受众能够以引人入胜且信息丰富的方式探索地理数据,下面我们看看如何使用Python和Pyec... 目录简介Pyecharts 简介创建上海地图代码说明运行结果总结简介在数据可视化领域,创建交互式地

SpringMVC 通过ajax 前后端数据交互的实现方法

《SpringMVC通过ajax前后端数据交互的实现方法》:本文主要介绍SpringMVC通过ajax前后端数据交互的实现方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价... 在前端的开发过程中,经常在html页面通过AJAX进行前后端数据的交互,SpringMVC的controll

Java中的工具类命名方法

《Java中的工具类命名方法》:本文主要介绍Java中的工具类究竟如何命名,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录Java中的工具类究竟如何命名?先来几个例子几种命名方式的比较到底如何命名 ?总结Java中的工具类究竟如何命名?先来几个例子JD