什么是 transform-that？
transform-that 是一个可以帮助开发者快速编写转换函数的 npm 包。 它的核心思想是利用函数式编程的思想，让开发者专注于数据的转换逻辑，而不必关心数据的处理细节。
如何使用 transform-that？
安装
在使用 transform-that 之前，需要先在项目中安装它。 可以使用 npm 或者 yarn 安装：
npm i transform-that
yarn add transform-that
基本使用
使用 transform-that 的过程中，需要定义一个或多个转换函数。 这些函数将负责数据的转换逻辑。
-- -------------------- ---- ------- ------ - --------- - ---- ----------------- ----- ------ - - ----- ------ ---- --- ------- ------- -- ----- ----------------- - ------ -- -- --------- ---------- --------- --- -------------------- - -------- - --- ---- ----------- --- ------ - --- - ---- --- ----- ------ - ----------------- ------------------- -------------------- -- - --------- ------ --------- ------- ---- --- -
结果将是一个根据我们自定义的转换函数中定义的规则转换成的新对象。 它包含三个属性：fullName、birthday 和 sex。 fullName 属性值是 source.name 的值，birthday 属性值是通过计算得到的，具体的计算方式是用今年年份减去 source.age 的值，sex 属性值是将 source.gender 的值转化成了中文的“男”或“女”。
支持链式调用
transform-that 还支持链式调用。 这意味着我们可以将多个转换函数链接在一起，生成一个结合了多个转换函数的超级转换函数。
-- -------------------- ---- ------- ------ - ---------- ------- - ---- ----------------- ----- ------ - - ----- ------ ---- --- ------- ------- -- ----- ------------------ - ------ -- -- --------- ------------------ --- ----- ------------------ - ------ -- -- -------- ---- ----------- --- ------ - --- - ---- --- ----- ---------------------- - --------------------------- -------------------- ----- ------ - ----------------- ------------------------ -------------------- -- - --------- --------- ---- --- ------- ------- ---- --- -
在这个例子中，我们定义了两个转换函数：transformFunction1 和 transformFunction2，分别实现了将 source.name 属性值加上“·Li”的后缀和将源数据中的 gender 属性值转化成中文“男”或“女”的功能。 compose 函数将这两个函数链接在一起，生成了一个超级转换函数 superTransformFunction。 最后，我们使用 transform 函数，将 superTransformFunction 作为参数传入，得到一个结合了所有功能的新对象。
支持异步操作
transform-that 还支持异步操作，可以在转换函数中使用 Promise。
-- -------------------- ---- -------
------ - --------- - ---- -----------------
----- ------ - -
----- ------
---- ---
------- -------
--
----- ----------------- - ----- ------ -- -
----- ------ - ----- ------------------------------------------------
----- ---- - ----- --------------
------ -
----- --------------
---- ---------
------- ------------
--
--
----- ------ - ----- ----------------- -------------------
-------------------- -- - ----- ---- ---- ---- ------- --- -在这个例子中，我们定义了一个异步的转换函数 transformFunction， 在函数中，我们使用 fetch 函数从服务端获取了另外一个数据 info，然后将它转换成目标对象，并返回它。
总结
通过这篇文章，我们了解了 transform-that 的基本用法，并且了解了如何在 transform-that 中实现链式调用和异步操作。 transform-that 的出现让我们可以更加专注于数据处理的逻辑，而不需要考虑各种数据处理的细节， 提升了开发效率和代码的可重用性，希望本文对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600560b481e8991b448defab