Ember.js 是一款用于构建单页 Web 应用的框架。其中，Ember Object 作为 Ember.js 提供的核心组件之一，负责管理和维护数据的状态。然而，当我们需要将一些接口返回的数据转化为 Ember Object 时，却需要手动编写大量的代码，这给前端开发者带来了不少困扰。针对这个问题，社区开发者基于 Ember.js 开源了一个 npm 包，即 ember-objectify，可以帮助我们快速将普通的 JSON 对象转化为 Ember Object。本文将对这个 npm 包的使用做详细介绍。
安装
在使用前，我们需要先安装 ember-objectify：
--- ------- --------------- ------
使用
接下来，我们将以一个简单的示例来说明如何使用 ember-objectify。假设我们有一个 JSON 数据：
- ------- ----- ------ --- --------- ------ -
我们希望将其转化为 Ember Object，那么我们只需按如下方式引入 ember-objectify 并调用它的 objectify 方法：
------ - --------- - ---- ------------------ ----- ---- - - ----- ----- ---- --- ------- ------- -- ----- ------ - ---------------- -------------------------------- -- -----
如上代码所示，我们首先将 json 对象传入了 objectify 方法中，得到了一个 person Ember Object。这样我们就可以方便地对其进行读取和修改。下面我们对此做进一步解释。
深度转化
如果你的 JSON 数据比较复杂，即包含多层嵌套的对象或数组，那么我们可以在 objectify 方法的第二个参数中指定传递深度，将其转化为多层的 Ember Object 或 Ember Object 数组：
----- ---- - -
----- -----
---- ---
------- -------
-------- -
-
----- -----
---- ---
------- -------
--
-
----- -----
---- ---
------- ---------
--
--
-------- -
--------- -----
----- ------
--
--
----- ------ - --------------- - ------ - ---
----------------------------------------------------------- -- -----
--------------------------------------------------- -- -----如上代码所示，我们将 depth 参数设置为了 2，因此 objectify 方法不仅将 friends 字段转化为了 Ember Object 数组，还将其子元素转化为了 Ember Object。同样地，address 也被转化为了 Ember Object。
数据校验
在使用 Ember Object 时，我们常常需要对其属性进行校验，以确保数据的合法性。对于 Ember Object 模型，我们可以使用 ember-validations 在模型层面进行数据校验。那么，对于使用 ember-objectify 转化而来的 Ember Object，我们该如何进行数据校验呢？这里，我们可以使用 ember-object-validator，它可以帮助我们在数据转化之后便进行数据校验。
首先，我们需要安装 ember-object-validator：
--- ------- ---------------------- ------
接着，在需要使用数据校验的文件中导入 MetaMixin 和 ValidatorMixin：
------ ------------ - --- - ---- ----------------
------ - ---------- -------------- - ---- -------------------------
-- ---------
----- ------ - ----------------------------- --------------- -
----- -----
---- -----
------- -----
-------- ----- -- ----- ------- ------- ----- ------
---
-- --------- ---- ---- ------ --
----- ---- - -
----- -----
---- ---
------- -------
-------- -
--------- -----
----- ------
--
--
----- ------ - ----------------
-- - ------ -----------
----- ------ - ----------- -------------------------------------
----------------------------------- -- -------以上代码中，我们首先在使用 ember-objectify 将我们的 JSON 数据转化为了person Ember Object。接着，我们在定义 Ember Object 时使用 MetaMixin 和 ValidatorMixin 预先定义了数据模型格式，并在 person 对象上调用 validate() 方法进行数据校验。注意，这里的 validate() 方法并不会错误地将原有的 MetaMixin 功能覆盖掉，而是在其基础上进行扩展。
总结
至此，我们已经掌握了如何使用 npm 包 ember-objectify 将 JSON 数据转化为 Ember Object 以及如何使用 ember-object-validator 对其进行数据校验。虽然我们可以手动编写依赖 Ember.js 的 JavaScript 代码来完成这些工作，但是使用较为易用的 npm 包会大大提高我们的开发效率。在实际项目开发中，除了上述介绍的两个 npm 包外，还有诸如 ember-data-model-fragments 等能够帮助我们更加方便高效地使用 Ember Object 的工具。在选择使用哪些工具时，我们需要根据实际需求和项目规模进行综合考虑，以提升我们的开发效率。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60065f79238a385564ab696b