在前端开发中，我们经常会使用到大量的数据。为了对这些数据进行处理，我们需要使用 schema 去定义数据对象的结构，这样可以帮助我们验证数据的合法性并且提高开发效率。erschema-action-handlers 是一个非常实用的 npm 包，可以帮助我们简化 schema 相关的处理流程，本篇文章将详细介绍该包的使用方法。
1. 安装
使用 npm 进行安装：
--- - ------------------------
2. 引入
----- - -------------------- - - ------------------------------------
3. 使用
3.1 createActionHandlers
----- ------ - -
----- ---------
--------- -------
----------- -
--- - ----- -------- --
----- - ----- --------- ---------- -- --
------ - ----- --------- ------- ------- --
--
--
----- -------------- - -----------------------------createActionHandlers 函数会根据 schema 中的定义自动生成对应的 action handlers（对 action 进行处理的函数），这些 action handlers 能够验证 action 对象是否符合 schema 规定的数据结构，符合就可以顺利执行，否则会抛出异常。
3.2 actionHandlers.add
----- ------- - - --- -- ----- ------- ------ ------------------- -- ----- --- - ----------------------------
add 函数会根据 schema 定义对传入的 payload 进行验证，确保其符合数据结构规范，然后会返回一个对象 action，它是一个符合 redux 规范的 action，包含 type 与 payload 两个字段：
-
----- ------
-------- -
--- --
----- -------
------ -------------------
--
-3.3 actionHandlers.update
----- ------- - - --- -- ----- ------- ------ ------------------- -- ----- ------ - ------------------------ ---------
update 函数会根据传入的 id 与 payload 去生成相应的 action，如果 id 匹配成功，而且 payload 符合 schema 规定的结构，那么就可以生成一个符合 redux 规范的 action：
-
----- ---------
-------- -
--- --
----- -------
------ -------------------
--
-3.4 actionHandlers.remove
----- ------ - -------------------------
remove 函数会根据传入的 id 去生成相应的 action：
-
----- ---------
-------- -
--- --
--
-4. 示例代码
----- - -------------------- - - ------------------------------------
----- ------ - -
----- ---------
--------- -------
----------- -
--- - ----- -------- --
----- - ----- --------- ---------- -- --
------ - ----- --------- ------- ------- --
--
--
----- -------------- - -----------------------------
----- ------- - -
--- --
----- -------
------ -------------------
--
----- --- - ----------------------------
-----------------
----- ------ - ------------------------ ---------
--------------------
----- ------ - -------------------------
--------------------通过运行上面的示例代码，可以看到输出内容中包含生成的不同类型的 action：
-
----- ------
-------- -
--- --
----- -------
------ ------------------
-
-
-
----- ---------
-------- -
--- --
----- -------
------ ------------------
-
-
-
----- ---------
-------- - --- - -
-5. 总结
通过学习本文，相信读者已经了解了 npm 包 erschema-action-handlers 的使用方法。它的主要作用就是为我们提供了自动化的 schema 处理能力，大大提高了开发效率，同时也可以更好的保证数据的正确性。在日常开发中，我们可以结合 redux 模式使用 erschema-action-handlers 去快速地生成符合要求的 action，让我们的前端开发更加高效、简洁、规范。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600555b781e8991b448d2cfa