mockument 是一个可以帮助前端开发人员生成模拟数据的 npm 包。它使用简单，生成的数据种类丰富，可以帮助我们快速开发测试或者嵌套数据格式等场景。本篇文章，将带领大家详细了解该包的基本用法及高级使用。
安装
安装 mockument 很简单，只需在终端输入：
npm install mockument
当然，在安装时还可以添加 -g 参数，这将会全局安装 mockument。
基本用法
下面我们通过一段小例子来讲解基本用法。
-- -------------------- ---- -------
----- --------- - ---------------------
----- ------- - -
----- ----- -- ----
---------- -------- -- -----
--------- -------
---- -------- -- ----------
--------- ------- -- ----
--------- -
----- ------- -- ----
---- ------
---- ------
--
------ -------------
--
-------------------------- ---------
----------------------------------------这段代码注册了一个名为 user 的数据类型，并定义了该类型包括 bool、firstName、lastName、age、birthday、location、phone 七种数据格式。这七种格式的意义如下：
| 格式 | 意义 |
|---|---|
| bool | 随机布尔值 |
| firstName | 名字（随机） |
| lastName | 姓氏（随机） |
| age | 年龄（20-30之间） |
| birthday | 日期 |
| location | 地点（包括经纬度） |
| phone | 手机号 |
接下来，我们调用了 mockument.generate 函数来生成一个 user，输出如下：
-- -------------------- ---- ------- - ----- ------ ---------- --------- --------- -------- ---- --- --------- ------------------------- --------- - ----- --------------------- ---- ------------------ ---- ------------------- -- ------ -------------- -
高级用法
上面的例子已经演示了 mockument 的基本使用方式，下面我们来看一些高级用法。
基于模板生成数据
有时候我们需要在实际业务中生成一些预设的数据，这时我们可以使用 mockument.registerWithTemplate 函数和 mockument.generateFromTemplate 函数来进行生成。
-- -------------------- ---- -------
----- --------- - ---------------------
----- -------- - -
---------- --------
--------- ----------
------ --------------------------
------- -
---------- --------
--------- ---------
-
--
-------------------------------------- ----------
----------------------------------------------------这段代码中我们使用了 mockument.registerWithTemplate 函数来注册一个新的数据类型 user，这个数据类型的基础模板就是 template 对象。我们可以看到，在模板中我们就已经定义好了 firstName、lastName、email、friend 四个属性，并且 friend 属性还是一个嵌套的对象。
接着，我们再使用 mockument.generateFromTemplate 函数来生成数据，输出如下：
{
firstName: 'Annie',
lastName: 'Johnson',
email: 'annie.johnson@gmail.com',
friend: { firstName: 'Tommy', lastName: 'Lambert' }
}自定义数据生成方式
如果我们需要生成一些比较复杂的数据格式，那么mockument也提供了自定义的接口，给我们更灵活的方式生成数据。
-- -------------------- ---- -------
---------------------------- -- -- -
------ -
------ ------------------------------
--------- ----------------------------
---------- -
------ ---------- - --------------
-
--
---
------------------------------------------这段代码中，我们使用了 mockument.register 函数来注册一个自定义的数据类型 custom。注册的数据类型是一个函数，该函数返回一个对象，对象里面包含了 price、quantity、subtotal 三个属性。其中 price 和 quantity 都是使用 mockument.getRandomInt 函数随机生成的整数，而 subtotal 是一个函数，用来计算两个属性相乘的值。
接下来，我们调用 mockument.generate 函数来生成数据，输出如下：
{ price: 1634, quantity: 8, subtotal: [Function: subtotal] }总结
本文详细介绍了 npm 包 mockument 的基本用法和高级用法。我们了解了如何注册和生成数据类型，并且演示了模板生成数据和自定义数据生成方式的方法。mockument 是一个非常实用的工具，可以省去我们写一些重复数据的麻烦，希望对大家的前端开发有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055bb881e8991b448d950b