npm 包 propable-immutable 使用教程

阅读时长 4 分钟读完

propable-immutable 是一个针对 Immutable.JS 数据结构进行验证的 npm 包。在前端开发中,使用 Immutable.JS 能够有效地提高应用性能,但是随着数据的复杂度增加,我们也需要对数据的合法性进行验证,此时就可以使用 propable-immutable 了。

安装

在你的项目中安装 propable-immutable :

使用

1. 引入 propable-immutable

2. 创建 Propable 实例

通过 Propable.create 传入需要验证的数据结构和验证规则,创建 Propable 实例:

-- -------------------- ---- -------
----- ------ - -
  ----- ---------------------------
  ---- ---------------------------
  -------- -------------------------
  ---------- -------------
-

----- ---- - ------------------
  ----- -------
  ---- ---
  -------- ------- ---------
  ---------- ----
---

----- -------- - --------------------- --------

3. 验证数据

通过调用创建的 Propable 实例的 validate 方法可以验证数据是否符合要求:

4. 获取错误信息

如果数据校验不通过,我们可以通过 getErrors 方法获取详细的错误信息:

5. 判断数据是否合法

除了获取错误信息,我们还可以通过 isValid 属性判断数据是否合法:

示例代码

下面是一个完整的示例代码:

-- -------------------- ---- -------
------ --------- ---- ------------
------ -------- ---- ---------------------

----- ------ - -
  ----- ---------------------------
  ---- ---------------------------
  -------- -------------------------
  ---------- -------------
-

----- ----------- - ------------------
  ----- -------
  ---- ---
  -------- ------- ---------
  ---------- ----
---

----- ------------- - ------------------
  ----- -------
  ---- -----
  -------- ------- ---------
  ---------- -----
---

----- ------------------- - ---------------------------- --------
----- --------------------- - ------------------------------ --------

----- ----------------------- - -------------------------------
----- ------------------------- - ---------------------------------

-------------------- ---- ----------- - - ---------------------------------
-------------------- ---- ------- - - -------------------------------------

---------------------- ---- ----------- - - -----------------------------------
---------------------- ---- ------- - - ---------------------------------------

总结

propable-immutable 为我们提供了一个轻量级对象验证工具,使用起来简单快捷。另外,在开发中,我们需要关注数据的合法性,如果部分数据不符合要求,则可能会导致整个程序发生问题,使用 propable-immutable 可以有效地避免这种情况的发生。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005589e81e8991b448d5e91

纠错
反馈