2024 年还在用 Lodash?这个现代化替代品更好

公众号:程序员白特,欢迎一起交流学习~
原文作者:前端充电宝

相信许多前端开发者对Lodash都耳熟能详,作为 JavaScript 领域的一款常用实用工具库,它在前端开发中广受欢迎, npm 周下载量高达 5200 万。然而,时光荏苒,转眼已是 2024 年,Lodash 是否仍然值得使用呢?它的确为开发者带来了许多便利,但同样存在一些不容忽视的问题。本文将深入探讨 Lodash 的局限性,并推荐一个更为现代化、值得一试的 JavaScript 实用工具库 —— Radash。

Lodash 的问题

Lodash 最初在 2009 年以 Underscore之名诞生,并在 2012 至 2013 年间经过一次分支(成为Lodash)后崛起。Lodash 的设计初衷是为了解决 2012 年前后 JavaScript 开发者面临的一系列难题。然而,时过境迁,那些问题在今天已不再是主要挑战。

随着可选链和空值合并的引入,许多 Lodash 函数变得多余。Lodash 的 _.filter 函数就是一个很好的例子。它曾经是一个很好的选择,可以遍历对象数组并根据属性过滤数组项,即使对象的属性不存在也不会出错。

import _ from "lodash";const users = [  { user: "Poorna", age: 26, active: true },  { user: "Widura", age: 28 },  { user: "Binara", age: 24, active: true }];const filtered_users = _.filter(users, { active: true });console.log(filtered_users);// { 'user': 'Poorna', 'age': 26, 'active': true }// { 'user': 'Binara', 'age': 24, 'active': true }

但现在,我们可以使用可选链操作符来完成这个任务。它更为简单,并且不需要导入任何第三方库。

const users = [  { user: "Poorna", age: 26, active: true },  { user: "Widura", age: 28 },  { user: "Binara", age: 24, active: true }];const filtered_users = users.filter(user => user?.active == true );console.log(filtered_users);// { 'user': 'Poorna', 'age': 26, 'active': true }// { 'user': 'Binara', 'age': 24, 'active': true }

同样地,由于最新的 JavaScript 和 TypeScript 功能,像 .get.map_.size 这样的函数也变得多余了。并且,在性能方面,像可选链这样的特性远远超过了 Lodash 函数,可选链的性能几乎是 Lodash 的 _.get 函数的两倍。

Lodash 主要是用纯 JavaScript 编写的,并没有为 TypeScript 提供原生的支持。虽然社区提供了相应的 TypeScript 类型定义,但这些类型定义是基于 JavaScript 代码反向推断的,有时可能无法完全准确地描述 Lodash 的所有功能和使用场景。

另外,Lodash 在过去的 3 年里并没有发布新版本, 上一次版本发布还停留在 2021 年。而像 Radash 这样的新库则提供了持续的更新以解决现代编程中的问题:

Radash:现代化实用工具库

Radash 是“新一代的 Lodash”,其目前在 GitHub 上拥有 2.6k Star,npm 周下载量 70k。它的特点如下:

  • 一款零依赖的 JavaScript 实用工具库

  • 采用 TypeScript 编写,类型已经预先打包

  • 舍弃了 Lodash 中逐渐过时的函数

  • 推出了众多前所未见但一直想要的新功能

  • 源代码的维护以新手的可理解性为首要任务。在大多数情况下,如果想使用 Radash 的某个函数但不想安装它,可以直接从 GitHub 上复制它。

Radash 旨在提供强大的函数来解决 JavaScript 中的现代问题。此外,Radash 中的函数类型定义准确、测试充分、文档完善,且编写时以简洁性为首要考虑。最重要的是,这些函数能够解决现代 JavaScript 中的问题。

Radash 目前提供了 90+ 个实用函数:

下面来看几个 Radash 中很实用的函数。

list()

list() 函数允许动态地生成具有特定项的列表,根据提供的参数进行灵活调整。它同样支持最少 1 个参数,最多 4 个输入参数。

import { list } from 'radash';    const myList = list(25, 100, i => i, 25);  console.log(myList); // 输出: [25, 50, 75, 100]

在这个例子中,利用 list() 函数创建了一个列表。函数的第一个参数是起始值 25,第二个参数是结束值 100(注意,结束值是不包含在最终列表中的)。第三个参数是一个映射函数,这里我们简单地返回了每个元素本身(即没有进行任何转换)。最后一个参数是步长 25,意味着每次增加 25 来生成列表中的下一个值。

retry()

retry() 函数用于重试失败的异步操作。它接受一个异步操作函数、一个重试次数以及一个延迟时间作为参数,并在操作失败时不断重试,直到操作成功或达到指定的最大重试次数。

import { retry } from 'radash';    await retry({ times: 2, delay: 1000 }, api.articles.list);

在这个例子中,retry() 函数尝试执行 api.articles.list 异步操作,如果操作失败,它会等待 1000 毫秒(即 1 秒)后重试,最多重试 2 次。

可以使用 retry() 函数来替代传统的异步重试库,因为它提供了更加简洁和灵活的接口。结合 Radash 的其他功能,如 tryitparallel 等,可以轻松构建出高效且健壮的异步处理逻辑,以应对后端服务的各种不确定性。无论是处理网络请求、数据库操作还是其他异步任务,retry() 函数都能提供强大的容错能力,确保应用程序的稳定性和可靠性。

counting()

counting() 函数用于统计类数组集合中各类元素的数量。它接收一个对象数组和一个回调函数,通过回调函数定义计数条件,并返回一个对象,其中包含了各类元素的数量。

传统上,可能需要使用循环和多个条件判断来实现类似的统计功能,代码较为繁琐。而使用 counting() 函数,可以极大地简化这一过程。

import { counting } from 'radash';    const users = [    {name: 'Poorna', type: 'engineer'},    {name: 'Widura', type: 'manager'},    {name: 'Binara', type: 'engineer'},  ];    const typeCounts = counting(users, user => user.type);  console.log(typeCounts); // 输出: { engineer: 2, manager: 1 }

在这个例子中,定义了一个 users 数组,其中包含了不同角色的用户对象。通过调用 counting() 函数,并传入 users 数组和一个提取 type 属性的回调函数,得到了一个 typeCounts 对象,其中包含了每种类型的用户数量。

类型化函数

Radash 中的类型化函数是一项非常出色的特性,它提供了一系列工具函数,如 isArray()isDate()isFloat()isInt() 等,用于检测变量的数据类型。这些函数极大地简化了在编程过程中验证和确保数据类型正确性的任务,使得代码更加健壮和可靠。通过使用这些函数,开发者可以更加自信地处理预期的数据类型,从而有效避免潜在的错误和异常。

#前端##牛客在线求职答疑中心##牛客解忧铺##我的实习求职记录##23届找工作求助阵地#
全部评论
你好,很高兴和你聊天!你提到的Radash是一个现代化的JavaScript实用工具库,它提供了许多强大的函数来解决JavaScript中的现代问题。Radash的特点包括零依赖、采用TypeScript编写、舍弃了Lodash中逐渐过时的函数、推出了众多前所未见但一直想要的新功能,以及源代码的维护以新手的可理解性为首要任务。Radash目前提供了90+个实用函数,包括list()、retry()和counting()等。这些函数可以帮助开发者更简洁、高效地处理异步操作、统计类数组集合中各类元素的数量等任务。此外,Radash还提供了一系列类型化函数,如isArray()、isDate()、isFloat()、isInt()等,用于检测变量的数据类型,使得代码更加健壮和可靠。
点赞 回复 分享
发布于 03-24 18:36 AI生成

相关推荐

ProMonkey2024:5个oc?厉害! 但是有一个小问题:谁问你了?😡我的意思是,谁在意?我告诉你,根本没人问你,在我们之中0人问了你,我把所有问你的人都请来 party 了,到场人数是0个人,誰问你了?WHO ASKED?谁问汝矣?誰があなたに聞きましたか?누가 물어봤어?我爬上了珠穆朗玛峰也没找到谁问你了,我刚刚潜入了世界上最大的射电望远镜也没开到那个问你的人的盒,在找到谁问你之前我连癌症的解药都发明了出来,我开了最大距离渲染也没找到谁问你了我活在这个被辐射蹂躏了多年的破碎世界的坟墓里目睹全球核战争把人类文明毁灭也没见到谁问你了(别的帖子偷来的,现学现卖😋)
点赞 评论 收藏
分享
百度oc啦,结束秋招!
坚定的度孝子:看他别的帖子,值得怀疑一下
点赞 评论 收藏
分享
点赞 1 评论
分享
牛客网
牛客企业服务