Mock語法總結及例子

一、數據模板定義規範（Data Template Definition，DTD）

說明：
name：屬性名，生成規則：rule(可選)，屬性值：value

格式：'name|rule':value

生成規則的含義依賴屬性值的類型，這裏的生成是按規則隨機生成。

1.屬性值是字符串String，通過重複 string 生成一個字符串

1. 'name|min-max':string 重複次數大於等於min，小於等於max。即取值區間爲[min,max]
2. 'name|count':string 重複次數爲count

2.屬性值是數字Number

1. 'name|+1':number 屬性值自增1，初始值是number。

'id|+1':0 
//id從0開始自增1

2. 'name|min-max':number 生成一個整數，取值區間爲[min,max]。number只是用來確定類型。
3. 'name|min-max.dmin-dmax':number
   生成一個浮點數，整數部分取值區間爲[min-max],小數部分保留dmin到dmax位。小數點後只有一個數n的話，就保留n位小數。

Mock.mock({
    'num1|50-100.1-3':1, 
    'num2|100.3':1,
    'num3|60-70.3':1.23
})
//=>
{
    "num1":57.56,//保留1-3位小數
    "num2":100.666//保留三位小數
    "num3": 69.235//從23開始保留3位小數
}

3.屬性值是Boolean類型

1. 'name|1': boolean 隨機生成一個布爾值，值爲 true 的概率是 1/2，值爲 false 的概率同樣是 1/2。
2. 'name|min-max':value 隨機生成一個布爾值，值爲 value 的概率是 min / (min + max)，值爲 !value 的概率是 max / (min + max)。

4.屬性值是對象Object

1. 'name|count':object 從屬性值object中隨機選取count個屬性
2. 'name|min-max':object
   從屬性值object中選取min到max個屬性

5.屬性值是數組Array

1. 'name|1':array 從array中隨機選取1個元素，作爲最終值。
2. 'name|+1':array 從屬性值 array 中順序選取 1 個元素，作爲最終值。
3. 'name|min-max'|array 通過重複屬性值 array 生成一個新數組，重複次數大於等於 min，小於等於 max。
4. 'name|count': array
   通過重複屬性值 array 生成一個新數組，重複次數爲 count。

6.屬性值是函數Function

1. 'name':function 執行函數 function，取其返回值作爲最終的屬性值，函數的上下文爲屬性 ‘name’ 所在的對象。

7.屬性值是正則表達式RegExp

1. 'name':regexp 根據正則表達式 regexp 反向生成可以匹配它的字符串。用於生成自定義格式的字符串。

Mock.mock({
    'regexp1': /[a-z][A-Z][0-9]/,
    'regexp2': /\w\W\s\S\d\D/,
    'regexp3': /\d{5,10}/
})
// =>
{
    "regexp1": "pJ7",
    "regexp2": "F)\fp1G",
    "regexp3": "561659409"
}

二、數據佔位符定義規範 （Data Placeholder Definition，DPD）

佔位符只是在屬性值字符串中佔個位置，並不出現在最終的屬性值中。

佔位符的格式爲：
@佔位符 或 @佔位符(參數 [, 參數])

注意：

1. 用 @ 來標識其後的字符串是 佔位符。
2. 佔位符 引用的是 Mock.Random 中的方法。
3. 通過 Mock.Random.extend() 來擴展自定義佔位符。
4. 佔位符 會優先引用 數據模板 中的屬性。
5. 佔位符 支持 相對路徑 和 絕對路徑。

Mock.mock({
    name: {
        first: '@FIRST',
        middle: '@FIRST',
        last: '@LAST',
        full: '@first @middle @last'
    }
})
// =>
{
    "name": {
        "first": "Charles",
        "middle": "Brenda",
        "last": "Lopez",
        "full": "Charles Brenda Lopez"
    }
}

例子鏈接：http://mockjs.com/examples.html

該網址特別全面，各種使用方法及擴展，這裏不再複述。