WHAT - Lodash 的替代 es-toolkit

一、前言

在 HOW - Lodash 使用指南和源码学习 中我们介绍过 Lodash，今天我们主要介绍另外一个替代品，也更推荐使用的 toss/es-toolkit

二、介绍

官方仓库和使用示例

Github 仓库：https://github.com/toss/es-toolkit

使用示例：

// import from '@es-toolkit/es-toolkit' in jsr.
import { debounce, chunk } from 'es-toolkit';const debouncedLog = debounce(message => {console.log(message);
}, 300);// This call will be debounced
debouncedLog('Hello, world!');const array = [1, 2, 3, 4, 5, 6];
const chunkedArray = chunk(array, 2);console.log(chunkedArray);
// Output: [[1, 2], [3, 4], [5, 6]]

es-toolkit 是一个现代化、高性能的 JavaScript 工具库，具有小巧的包体积和强大的类型注解。

特性

1. 现代化与高性能：

   • 现代化：es-toolkit 采用了现代化的技术和方法进行实现。
   • 高性能：设计上注重性能，确保库中的函数执行迅速高效。

2. 小巧的包体积：

   • 小巧的包体积：库经过优化，使其体积较小，有助于减少 JavaScript 包的总大小，从而提高网页加载速度和性能。

3. 强大的类型注解：

   • 强大的类型注解：库内置了全面的 TypeScript 类型定义，能帮助开发者进行更好的类型检查，减少运行时错误。

主要功能

1. 实用函数：

   • es-toolkit 提供了一系列现代化的常用实用函数，例如：
     • Debounce：一个防抖函数，用于限制某个函数的执行频率，适用于优化用户输入等场景。
     • Delay：一个延迟执行的函数，用于在指定时间后执行某个操作。
     • Chunk：将数组拆分成小块的函数。
     • Sum：计算一组数字的和的函数。
     • Pick：从对象中选择特定属性的函数。

2. 性能优化：

   • es-toolkit 在现代 JavaScript 环境中性能提高了 2-3 倍，相比于其他库，它能够显著提高执行效率。

3. 支持树摇（Tree Shaking）：

   • 树摇：自动支持树摇优化，能够减少 JavaScript 代码的冗余，从而缩小代码体积，最多减少 97%。

4. TypeScript 内置支持：

   • TypeScript 支持：包含了 TypeScript 类型定义和类型保护函数，例如 isNotNil，帮助开发者进行类型检查和验证。

5. 经过测试：

   • 100% 测试覆盖率：库经过全面的测试，确保其可靠性和稳健性，减少潜在的错误和问题。

总的来说，es-toolkit 提供了一系列高效、现代的工具函数，具有出色的性能和小巧的体积，并且支持 TypeScript 类型定义，适合希望在开发中获得更好性能和类型安全的开发者使用。