Lodash版本3.10.1

方法比較

_.merge(object, [sources], [customizer], [thisArg])

_.assign(object, [sources], [customizer], [thisArg])

_.extend(object, [sources], [customizer], [thisArg])

_.defaults(object, [sources])

_.defaultsDeep(object, [sources])

相似點

正如您所料，它們都不對數(shù)組起作用

_.extend是的別名_.assign，因此它們是相同的

它們似乎都在修改目標對象（第一個參數(shù)）

他們都null一樣

差異性

_.defaults并_.defaultsDeep以相反的順序處理參數(shù)（盡管第一個參數(shù)仍然是目標對象）

_.merge并且_.defaultsDeep將合并子對象和其他人將在根級別覆蓋

僅_.assign并且_.extend將用覆蓋值undefined

測驗

他們都以類似的方式從根本上處理成員。

_.assign      ({}, { a: 'a' }, { a: 'bb' }) // => { a: "bb" }

_.merge       ({}, { a: 'a' }, { a: 'bb' }) // => { a: "bb" }

_.defaults    ({}, { a: 'a' }, { a: 'bb' }) // => { a: "a"  }

_.defaultsDeep({}, { a: 'a' }, { a: 'bb' }) // => { a: "a"  }

_.assign處理，undefined但其他人會跳過它

_.assign      ({}, { a: 'a'  }, { a: undefined }) // => { a: undefined }

_.merge       ({}, { a: 'a'  }, { a: undefined }) // => { a: "a" }

_.defaults    ({}, { a: undefined }, { a: 'bb' }) // => { a: "bb" }

_.defaultsDeep({}, { a: undefined }, { a: 'bb' }) // => { a: "bb" }

他們都處理null相同

_.assign      ({}, { a: 'a'  }, { a: null }) // => { a: null }

_.merge       ({}, { a: 'a'  }, { a: null }) // => { a: null }

_.defaults    ({}, { a: null }, { a: 'bb' }) // => { a: null }

_.defaultsDeep({}, { a: null }, { a: 'bb' }) // => { a: null }

但只有_.merge并且_.defaultsDeep會合并子對象

_.assign      ({}, {a:{a:'a'}}, {a:{b:'bb'}}) // => { "a": { "b": "bb" }}

_.merge       ({}, {a:{a:'a'}}, {a:{b:'bb'}}) // => { "a": { "a": "a", "b": "bb" }}

_.defaults    ({}, {a:{a:'a'}}, {a:{b:'bb'}}) // => { "a": { "a": "a" }}

_.defaultsDeep({}, {a:{a:'a'}}, {a:{b:'bb'}}) // => { "a": { "a": "a", "b": "bb" }}

而且它們似乎都不會合并數(shù)組

_.assign      ({}, {a:['a']}, {a:['bb']}) // => { "a": [ "bb" ] }

_.merge       ({}, {a:['a']}, {a:['bb']}) // => { "a": [ "bb" ] }

_.defaults    ({}, {a:['a']}, {a:['bb']}) // => { "a": [ "a"  ] }

_.defaultsDeep({}, {a:['a']}, {a:['bb']}) // => { "a": [ "a"  ] }

全部修改目標對象

a={a:'a'}; _.assign      (a, {b:'bb'}); // a => { a: "a", b: "bb" }

a={a:'a'}; _.merge       (a, {b:'bb'}); // a => { a: "a", b: "bb" }

a={a:'a'}; _.defaults    (a, {b:'bb'}); // a => { a: "a", b: "bb" }

a={a:'a'}; _.defaultsDeep(a, {b:'bb'}); // a => { a: "a", b: "bb" }

沒有一個能真正按預(yù)期工作

注意：正如@Mistic所指出的，Lodash將數(shù)組視為對象，其中鍵是數(shù)組的索引。

_.assign      ([], ['a'], ['bb']) // => [ "bb" ]

_.merge       ([], ['a'], ['bb']) // => [ "bb" ]

_.defaults    ([], ['a'], ['bb']) // => [ "a"  ]

_.defaultsDeep([], ['a'], ['bb']) // => [ "a"  ]

_.assign      ([], ['a','b'], ['bb']) // => [ "bb", "b" ]

_.merge       ([], ['a','b'], ['bb']) // => [ "bb", "b" ]

_.defaults    ([], ['a','b'], ['bb']) // => [ "a", "b"  ]

_.defaultsDeep([], ['a','b'], ['bb']) // => [ "a", "b"  ]

要注意的另一個區(qū)別是undefined值的處理：

mergeInto = { a: 1}

toMerge = {a : undefined, b:undefined}

lodash.extend({}, mergeInto, toMerge) // => {a: undefined, b:undefined}

lodash.merge({}, mergeInto, toMerge)  // => {a: 1, b:undefined}

因此merge不會將undefined值合并為定義的值。