underscore是一个JavaScr【转载请注明来源】【访问 www.tangshuang.net 获取更多精彩内容】ipt函数库,在不对JavaScript【访问 www.tangshuang.net 获取更多精彩内容】未经授权,禁止复制转载。本身进行扩展的基础上提供了一些惯用操作,【版权所有,侵权必究】著作权归作者所有,禁止商业用途转载。用来处理JavaScript原生并不提供【关注微信公众号:wwwtangshuangnet】【原创内容,转载请注明出处】的功能。其中在合并对象object的时候【版权所有】唐霜 www.tangshuang.net本文版权归作者所有,未经授权不得转载。,我们经常会用到extend, merg【原创不易,请尊重版权】【转载请注明来源】e,那么它们之间到底有什么区别呢?
本文作者:唐霜,转载请注明出处。【版权所有,侵权必究】使用方法对比
其实我们要对比的,是5个方法,在最新的u本文版权归作者所有,未经授权不得转载。【作者:唐霜】nderscore中,新增了assign著作权归作者所有,禁止商业用途转载。【版权所有】唐霜 www.tangshuang.netIn,下文会说到。这里是3.10.1版本原创内容,盗版必究。【版权所有】唐霜 www.tangshuang.net。
【本文首发于唐霜的博客】原创内容,盗版必究。【访问 www.tangshuang.net 获取更多精彩内容】【转载请注明来源】_.merge(object, [sources], [customizer], [thisArg]) _.assign(object, [sources], [customizer], [thisArg]) _.extend(object, [sources], [customizer], [thisArg]) _.defaults(object, [sources])_.defaultsDeep(object, [sources])
相同之处
- 都不能像你想要的一样处理数组array 未经授权,禁止复制转载。原创内容,盗版必究。【原创内容,转载请注明出处】本文作者:唐霜,转载请注明出处。
_.extend是_.assign的别名,所以其实它们是一样的(在4.0版未经授权,禁止复制转载。本文作者:唐霜,转载请注明出处。本之后提供了_.assignIn方法,用以表达“继承”这个概念,_.ex未经授权,禁止复制转载。【关注微信公众号:wwwtangshuangnet】tend变成了_.assignIn的别名本文版权归作者所有,未经授权不得转载。【本文受版权保护】) 本文版权归作者所有,未经授权不得转载。【版权所有】唐霜 www.tangshuang.net本文作者:唐霜,转载请注明出处。原创内容,盗版必究。
- 它们都会改变第一个参数object,也就未经授权,禁止复制转载。【版权所有】唐霜 www.tangshuang.net是说执行完后,第一个参数object在内未经授权,禁止复制转载。原创内容,盗版必究。存中会改变 转载请注明出处:www.tangshuang.net转载请注明出处:www.tangshuang.net【作者:唐霜】本文版权归作者所有,未经授权不得转载。
不同之处
_.defaults和_.defaultsDeep处理参数时,是反向处理的,也就是先读取后【版权所有】唐霜 www.tangshuang.net本文版权归作者所有,未经授权不得转载。面的参数,然后往前推,但是最终被修改的,本文版权归作者所有,未经授权不得转载。【未经授权禁止转载】还是第一个参数 【作者:唐霜】【关注微信公众号:wwwtangshuangnet】
_.merge和_.defaultsDeep会深处理,也就是顶级元素相同的情况下,会本文作者:唐霜,转载请注明出处。本文版权归作者所有,未经授权不得转载。一层一层的比较子元素,而其他的只会比较顶本文作者:唐霜,转载请注明出处。著作权归作者所有,禁止商业用途转载。级元素,如果顶级元素有一点不同,就直接处著作权归作者所有,禁止商业用途转载。【本文受版权保护】理掉 本文版权归作者所有,未经授权不得转载。著作权归作者所有,禁止商业用途转载。本文作者:唐霜,转载请注明出处。著作权归作者所有,禁止商业用途转载。
- 只有
_.extend/_.assign会把undefined作为处理后的值,其著作权归作者所有,禁止商业用途转载。【作者:唐霜】他的遇到undefined时,直接跳过这未经授权,禁止复制转载。【版权所有】唐霜 www.tangshuang.net个项,往后继续处理 【访问 www.tangshuang.net 获取更多精彩内容】【版权所有,侵权必究】【关注微信公众号:wwwtangshuangnet】
案例说明
如果只有一层,它们的处理方式是差不多的。
【版权所有,侵权必究】转载请注明出处:www.tangshuang.net_.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" }
看看_.defauts和_.defaul【访问 www.tangshuang.net 获取更多精彩内容】本文作者:唐霜,转载请注明出处。tsDeep。
【版权所有,侵权必究】著作权归作者所有,禁止商业用途转载。【本文受版权保护】_.extend({},{a:'1'},{a:'2'}); // => {a:'2'}
_.defaults({},{a:'1'},{a:'2'}); // => {a:'1'} 因为default是反着来的,从后面的参数往前推,_.defaultsDeep道理一样
_.assign/_.extend遇到u著作权归作者所有,禁止商业用途转载。本文作者:唐霜,转载请注明出处。ndefined也会使用,而其他的会跳过【未经授权禁止转载】未经授权,禁止复制转载。。
本文作者:唐霜,转载请注明出处。本文版权归作者所有,未经授权不得转载。【本文首发于唐霜的博客】【本文受版权保护】_.assign({}, { a: 'a' }, { a: undefined }) // => { a: undefined },_.extend一样,因为是别名嘛
_.merge({}, { a: 'a' }, { a: undefined }) // => { a: "a" }
_.defaults({}, { a: undefined }, { a: 'bb' }) // => { a: "bb" }
_.defaultsDeep({}, { a: undefined }, { a: 'bb' }) // => { a: "bb" }
_.merge和_.defaultsDe【本文受版权保护】本文作者:唐霜,转载请注明出处。ep会深入到内部去进行对比。
【访问 www.tangshuang.net 获取更多精彩内容】未经授权,禁止复制转载。本文作者:唐霜,转载请注明出处。_.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" }}
它们都不能用来对比数组,数组的内部结构无【关注微信公众号:wwwtangshuangnet】【版权所有,侵权必究】法被对比。
【原创不易,请尊重版权】【原创不易,请尊重版权】_.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" ] }
有一点需要解释,数组也是object,只【作者:唐霜】本文版权归作者所有,未经授权不得转载。不过是特殊的object,也就是键名为数【版权所有】唐霜 www.tangshuang.net【关注微信公众号:wwwtangshuangnet】字的按顺序排列的object,所以上面这【访问 www.tangshuang.net 获取更多精彩内容】原创内容,盗版必究。条规则只是告诉我们不能对比数组的内部结构转载请注明出处:www.tangshuang.net原创内容,盗版必究。,但是可以用来深拷贝数组。你可以这样理解未经授权,禁止复制转载。转载请注明出处:www.tangshuang.net,数组的键名是隐形的,但是还是可以一一对【本文首发于唐霜的博客】【本文受版权保护】应。
本文作者:唐霜,转载请注明出处。【关注微信公众号:wwwtangshuangnet】【本文受版权保护】var newArray = _.extend([],['a','b'],['c']); // => ['c','b'] 键名为0的属性值被替换
因此,你不可以用其中任何一个方法作为合并原创内容,盗版必究。本文版权归作者所有,未经授权不得转载。数组的方法来使用,比如,你想合并{a:[原创内容,盗版必究。【关注微信公众号:wwwtangshuangnet】‘aa’]}和{【原创内容,转载请注明出处】【转载请注明来源】a:[‘bb’]【版权所有】唐霜 www.tangshuang.net本文作者:唐霜,转载请注明出处。}得到{a:[‘aaR【原创不易,请尊重版权】未经授权,禁止复制转载。17;,’bb’著作权归作者所有,禁止商业用途转载。原创内容,盗版必究。]},这是不可能直接实现的。数组处理,请转载请注明出处:www.tangshuang.net【转载请注明来源】使用JavaScript原生的数组处理方【作者:唐霜】【关注微信公众号:wwwtangshuangnet】法来处理。
【关注微信公众号:wwwtangshuangnet】
所有的方法都是第一个参数被处理,该对象【未经授权禁止转载】【转载请注明来源】原始数据会被改变(同时被用作返回值返回)本文版权归作者所有,未经授权不得转载。【版权所有】唐霜 www.tangshuang.net。
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" }
注:本文根据这个问题中的回答编写。
【原创不易,请尊重版权】【本文受版权保护】原创内容,盗版必究。

