Lodash 杀手来了！es-toolkit v1.39.0 已完全兼容4年未更新的 Lodash

大家好，我是农村程序员，独立开发者，行业观察员，前端之虎陈随易。

这是我专门分享代码技术，编程资讯，行业热点的公众号，欢迎关注。

• 个人网站 1️⃣：chensuiyi.me
• 个人网站 2️⃣：me.yicode.tech
• 技术群，搞钱群，闲聊群，自驾群，想入群的在我个人网站联系我。

一键三连 (点赞、评论、转发)，可以给我提供曝光，带来一份早餐收入，谢谢大家~~

---

引言

在现代 JavaScript 开发中，工具库扮演着不可或缺的角色。从经典的 Lodash 到各种现代化的替代方案，开发者们一直在寻找更高效、更轻量、更现代的解决方案。今天，我们要介绍的 es-toolkit v1.39.0 版本标志着一个重要的里程碑------实现了与 Lodash 的 100% 兼容性，同时在性能和包体积方面都有着显著的优势。

es-toolkit 是什么？

es-toolkit 是一个现代化的 JavaScript 工具库，专为新时代的 JavaScript 开发而设计。它提供了丰富的工具函数，涵盖数组操作、对象处理、字符串操作、函数式编程等各个方面。

核心理念

es-toolkit 的设计理念可以概括为：现代、高效、可靠

• 现代化：充分利用现代 JavaScript 的特性和 API
• 高性能：通过优化算法和实现方式，提供卓越的性能表现
• 小体积：精简的代码实现，减少项目打包体积
• 类型安全：完整的 TypeScript 支持，提供强大的类型推断

v1.39.0 重要更新内容

🎉 实现 Lodash 100% 兼容性

这是 v1.39.0 版本的最大亮点。经过社区的不懈努力，es-toolkit/compat 现在完全兼容 Lodash 的所有功能：

// 现在可以直接替换 Lodash
// 从 Lodash 迁移
import _ from 'lodash';
const result = _.defaultsDeep(object, source);

// 迁移到 es-toolkit
import { defaultsDeep } from 'es-toolkit/compat';
const result = defaultsDeep(object, source); // 完全相同的行为

🆕 新增兼容性函数

本次更新引入了多个重要的兼容性函数：

• defaultsDeep：深度合并对象默认值
• isMatchWith：自定义匹配逻辑的对象比较
• flatMapDepth：指定深度的扁平化映射
• flatMapDeep：深度扁平化映射
• overArgs：参数转换函数
• findLastKey：从后向前查找对象键
• truncate：字符串截断功能

🔧 构建系统优化

• 模块化导入支持 ：现在支持 es-toolkit/compat/* 的精确导入
• Deno 兼容性修复：解决了 Deno 环境下的导入路径问题
• 特殊函数修复 ：如 each 函数的功能完善

📈 性能基准测试

新增了与 Lodash 的性能对比基准测试，特别是 identity 函数的性能比较，进一步验证了 es-toolkit 的性能优势。

要解决的核心问题

1． 传统工具库的性能瓶颈

传统的工具库如 Lodash，虽然功能强大，但在现代 JavaScript 环境中存在一些问题：

// 传统方式 - 性能较慢
const result = _.map(largeArray, (item) => item.value);

// es-toolkit 方式 - 性能提升 2-3 倍
const result = map(largeArray, (item) => item.value);

2． 包体积过大的问题

现代 Web 应用对打包体积有着严格的要求，传统工具库往往会带来额外的负担：

• Lodash 全量引入：约 70KB (压缩后)
• es-toolkit ：相同功能仅需 2-3KB，体积减少高达 97%

3． 现代 JavaScript 特性的缺失

许多传统工具库为了兼容旧版本浏览器，无法充分利用现代 JavaScript 的优势：

// es-toolkit 充分利用现代 JavaScript
const groupedData = groupBy(users, (user) => user.department);
// 内部使用 Map、Set 等现代数据结构，性能更优

es-toolkit 的核心优势

🚀 卓越的性能表现

通过现代化的实现方式，es-toolkit 在性能测试中表现出色：

• 数组操作：比传统库快 2-3 倍
• 对象处理：利用现代 API，减少不必要的遍历
• 内存使用：更高效的内存管理

📦 极致的包体积优化

// 按需引入，只打包使用的函数
import { debounce, throttle } from 'es-toolkit';
// 而不是引入整个库

🔧 现代化的实现

// 利用现代 JavaScript 特性
const uniqueValues = uniq(array); // 内部使用 Set
const groupedData = groupBy(data, keyFn); // 内部使用 Map

💪 强大的 TypeScript 支持

// 完整的类型推断和安全检查
const numbers: number[] = [1, 2, 3, 4, 5];
const doubled = map(numbers, (x) => x * 2); // 类型自动推断为 number[]

🌐 全面的运行时支持

• Node.js：服务端开发
• Deno：现代化的运行时环境
• Bun：高性能 JavaScript 运行时
• 浏览器：现代浏览器环境

实际应用场景

1． Web 应用开发

import { debounce, throttle, groupBy } from 'es-toolkit';

// 搜索防抖
const debouncedSearch = debounce(searchFunction, 300);

// 滚动节流
const throttledScroll = throttle(handleScroll, 100);

// 数据分组
const groupedUsers = groupBy(users, (user) => user.department);

2． Node.js 服务端开发

import { chunk, flatten, uniq } from 'es-toolkit';

// 批量处理数据
const batches = chunk(largeDataset, 100);

// 数据去重
const uniqueIds = uniq(userIds);

3． 数据处理和分析

import { sortBy, filter, map } from 'es-toolkit';

// 数据处理流水线
const processedData = data |> filter((item) => item.isActive) |> map((item) => ({ ...item, processedAt: Date.now() })) |> sortBy((item) => item.createdAt);

如何迁移现有项目

从 Lodash 迁移

// 步骤 1：安装 es-toolkit
npm install es-toolkit

// 步骤 2：使用兼容模式
import { debounce, throttle } from 'es-toolkit/compat';
// 或者全量导入
import * as _ from 'es-toolkit/compat';

// 步骤 3：逐步迁移到原生模式（可选）
import { debounce, throttle } from 'es-toolkit';

性能对比

// 测试脚本示例
import { performance } from 'perf_hooks';
import { map as esMap } from 'es-toolkit';
import { map as lodashMap } from 'lodash';

const largeArray = Array.from({ length: 100000 }, (_, i) => ({ id: i, value: i * 2 }));

// es-toolkit 测试
const start1 = performance.now();
const result1 = esMap(largeArray, (item) => item.value);
const end1 = performance.now();

// Lodash 测试
const start2 = performance.now();
const result2 = lodashMap(largeArray, (item) => item.value);
const end2 = performance.now();

console.log(`es-toolkit: ${end1 - start1}ms`);
console.log(`Lodash: ${end2 - start2}ms`);
// 通常 es-toolkit 会快 2-3 倍

社区生态和采用情况

🌟 被知名项目采用

es-toolkit 已经被多个知名开源项目采用：

• Storybook：流行的组件开发工具
• ink：React 终端应用框架
• 以及更多正在增长的项目

👥 活跃的社区

从 v1.39.0 的发布可以看出，es-toolkit 拥有一个非常活跃的开源社区：

• 160+ 贡献者参与了这个版本的开发
• 100% 测试覆盖率确保代码质量
• 持续的更新和功能改进

未来前景展望

🎯 短期目标

1. 生态系统完善：更多的插件和扩展支持
2. 性能持续优化：利用最新的 JavaScript 特性
3. 开发体验提升：更好的 IDE 支持和调试体验

🚀 长期愿景

1. 成为新的标准：在现代 JavaScript 项目中成为首选工具库
2. 推动行业发展：促进 JavaScript 生态向现代化方向发展
3. 性能基准制定：为工具库性能设立新的行业标准

🔮 技术趋势适应

随着 JavaScript 语言的不断发展，es-toolkit 将继续适应新的技术趋势：

• WebAssembly 集成：对于计算密集型操作
• Worker 线程支持：并行处理能力
• 边缘计算优化：适配边缘运行环境

使用建议和最佳实践

📋 选择指南

适合使用 es-toolkit 的场景：

• 现代 JavaScript/TypeScript 项目
• 对性能有较高要求的应用
• 需要控制包体积的 Web 应用
• 使用现代构建工具的项目

迁移建议：

• 新项目直接使用 es-toolkit
• 现有项目可以逐步迁移，利用兼容模式
• 性能敏感的模块优先迁移

🛠 开发实践

// 推荐的使用方式
// 1. 按需导入
import { debounce, groupBy } from 'es-toolkit';

// 2. 类型安全
interface User {
  id: number;
  name: string;
  department: string;
}

const users: User[] = [...];
const grouped = groupBy(users, user => user.department); // 类型安全

// 3. 现代化语法结合
const processUsers = (users: User[]) =>
  users
    |> filter(user => user.isActive)
    |> sortBy(user => user.name)
    |> groupBy(user => user.department);

结语

es-toolkit v1.39.0 的发布标志着 JavaScript 工具库进入了一个新的时代。通过实现与 Lodash 的 100% 兼容性，同时在性能和包体积方面带来显著改进，es-toolkit 为开发者提供了一个理想的现代化选择。

无论您是正在开发新项目，还是考虑对现有项目进行优化，es-toolkit 都值得您认真考虑。它不仅能为您的应用带来性能提升，还能显著减少打包体积，提升用户体验。

在这个快速发展的技术时代，选择合适的工具库不仅关乎当下的开发效率，更关乎项目的长期维护和扩展。es-toolkit 以其现代化的设计理念、卓越的性能表现和活跃的社区支持，正在成为越来越多开发者的首选。

让我们一起拥抱这个更快、更小、更现代的 JavaScript 工具库，为构建更好的 Web 应用而努力！

---

相关链接

• es-toolkit 官网
• GitHub 仓库
• v1.39.0 发布说明
• 迁移指南
• API 参考文档