• Lodash已过时 Radash才是未来!
  • 发布于 2个月前
  • 177 热度
    0 评论
  • 雾月
  • 0 粉丝 27 篇博客
  •   
认识 Radash
相信大家都知道Lodash, 这个 JavaScript 工具库从2012至今,已经存在长达12年的时间,它在github上的 star 数超过 58.6k, 在 npm 上每周的下载量已超过 5200 万。最初,Lodash 的运行情况很好,帮助开发人员编写了简洁、可维护的 JavaScript 代码。然而,由于近两年没有针对最新 JavaScript 函数进行重大更新,开发人员在使用 Lodash 时开始面临一些挑战,在这样的背景下,Radash 应运而生,以其现代化的特性和对TypeScript的友好支持,逐渐成为开发者的新宠。

在本文中,我将详细讨论 Lodash 中的问题以及 Radash 如何解决这些问题,从而回答提出的问题:Radash 会取代 Lodash 吗?

Lodash 面临的问题
随着 JavaScript 语言的不断进化和新特性的引入,Lodash 的一些功能开始显得不再那么必要。

Lodash 函数过时了
随着ES6及后续版本的推出,JavaScript 引入了许多新的语言特性,如可选链(?.)和空值合并(??),使得一些 Lodash 的函数显得多余。在 ES6 之前,如果你想安全地访问对象的嵌套属性,可以使用 Lodash 的 _.get 函数来避免可能的 undefined 错误。例如:
// 堆代码 duidaima.com
// 假设我们有一个对象,我们想访问 `a.b.c` 属性 
const obj = {
    a: {
        b: {
            c: 'Hello' 
        } 
      } 
}; 
// 使用 Lodash 的 _.get 来安全地获取值 
const value = _.get(obj, 'a.b.c', 'Default'); console.log(value); 
// 输出: 'Hello'
如果 obj 中的任何中间属性是 undefined 或 null,_.get 将返回提供的默认值 'Default',而不是抛出错误。然而,随着 ES6 引入了可选链操作符 ?.,我们现在可以更简洁地实现同样的功能,而不需要 Lodash:
// 使用可选链操作符来安全地访问嵌套属性 
const value = obj?.a?.b?.c || 'Default'; 
console.log(value); 
// 输出: 'Hello'
同样的,像 .filter、.map 和 _.size 这样的函数也变得多余了。并且,在性能方面,像可选链?.这样的特性远远超过了 Lodash 函数,可选链的性能几乎 Lodash 的 _.get 函数的两倍(根据能测量工具:measurethat.net的测试结果)。

源码可读性差
实话说,上面所谈到的,作为开发者的你也许可以接受,但是 Lodash 源码的学习成本真的很高,这可能才是我们的底线。这是 Lodash源码。我们不应该为了了解一个单行函数是如何工作的,而去翻阅 15000 行代码,为了学习 API。

几年前,相信大家经常看到过这样解读 Lodash 的文章。以前,我也曾花费不少时间挖掘源代码,学习每一个 API,记录每一个函数调用,理解得足够透彻,为了能够回答一个简单的面试问题,比如 isNumber 函数是如何工作的?

Radash 的崛起
Radash,这个新兴的工具库,以其现代化的设计和对TypeScript的原生支持,迅速吸引了开发者的注意。虽然 Radash 是新产品,但它在 GitHub 上的 star 数已超过 2.8K,拥有 99 个 Forks,每周的 NPM 下载量超过 7.6 万。您可以使用 NPM 或 Yarn 轻松安装 Radash。

Radash 的特点包括:
零依赖:Radash 不依赖于任何第三方库,使得项目更加轻量级。
TypeScript友好:Radash 完全使用TypeScript编写,提供了准确的类型定义。
现代化功能:Radash 去除了 Lodash 中一些过时的函数,并引入了许多新的实用功能。
易于理解和维护:Radash 的源代码易于理解,对新手友好。
值得表扬的是,源代码的维护真的将新人的易懂性放在首位。在大多数情况下,如果你想使用 Radash 函数,但又不想安装,你可以直接从 GitHub 复制。

例如下面这段源代码:
// 堆代码 duidaima.com
export const unique = <T, K extends string | number | symbol>(
  array: readonly T[],
  toKey?: (item: T) => K
): T[] => {
  const valueMap = array.reduce((acc, item) => {
    const key = toKey ? toKey(item) : (item as any as string | number | symbol)
    if (acc[key]) return acc
    acc[key] = item
    return acc
  }, {} as Record<string | number | symbol, T>)
  return Object.values(valueMap)
}
定义了一个名为 unique 的泛型函数,目的是从输入数组中提取唯一的元素。函数接受两个参数:一个类型为 readonly T[] 的只读数组 array,以及一个可选的映射函数 toKey, 相信很多初级的开发者都可以看懂。另外,如果你项目只需要一个unique函数,完全可以将源码复制到自己的工具文件中来使用。

目前 Radash 已经提供 90多个实用函数。
用户评论