本文共 1855 字，大约阅读时间需要 6 分钟。

Mock.js 是一个强大的 JavaScript 库，用于快速生成 mock 数据。它的语法规范可以帮助开发者轻松创建符合需求的数据模拟。下面将详细介绍 Mock.js 的语法规范，包括数据模板定义（DTD）和数据占位符定义（DPD）。

1. 数据模板定义（DTD）

数据模板中的每个属性由三部分构成：属性名、生成规则（可选）和属性值。格式为：

‘name|rule’: value

• 属性名 和 生成规则 之间用竖线 | 分隔。
• 生成规则 是可选的，共有 7 种格式。
• 属性值 可以包含 @占位符，并指定最终值的初始值和类型。

生成规则及其示例

示例

Mock.mock({  number1: 'number1|1-100.1-10': 1,  number2: 'number2|123.1-10': 1,  number3: 'number3|123.3': 1,  number4: 'number4|123.10': 1.123});// 生成结果{  number1: 12.92,  number2: 123.51,  number3: 123.777,  number4: 123.1231091814}

2. 数据占位符定义（DPD）

占位符用于占用字符串位置，不出现在最终属性值中。占位符格式为：

@占位符@占位符(参数 [, 参数])

• 占位符引用 Mock.Random 方法。
• 可以通过 Mock.Random.extend() 扩展自定义占位符。
• 占位符优先引用数据模板中的属性。
• 支持相对路径和绝对路径。

示例

Mock.mock({  name: {    first: '@FIRST',    middle: '@FIRST',    last: '@LAST',    full: '@first @middle @last'  }});// 生成结果{  name: {    first: 'Charles',    middle: 'Brenda',    last: 'Lopez',    full: 'Charles Brenda Lopez'  }}

Mock.js 提供了强大的数据模拟功能，适用于开发、测试和设计等多种场景。通过合理使用数据模板和占位符，可以快速生成符合需求的数据，提升开发效率。