
用法1:替換數(shù)組的值
let a = [1,2,3],b = [4,5]
console.log( Object.assign(a,b)); // 后面的值覆蓋前面的值,[4,5,3]
用法2:為對(duì)象添加屬性
下面是es5的寫(xiě)法:this.xxx =xxx
// es5的寫(xiě)法
class Test{
constructor(x,y){
this.x =x
this.y = y
}
sum(){
return this.x + this.y
}
}
let t = new Test(1,2)
console.log(t.sum());
用Object.assign的寫(xiě)法
// Object.assign的寫(xiě)法
class Test2{
constructor(x,y){
Object.assign(this,{x,y})
}
sum2(){
return this.x + this.y
}
}
let t2 = new Test2(1,2)
console.log(t2.sum2());
用法3 深度克隆對(duì)象
// 用法3 深度克隆對(duì)象
let clone = (orignObj) => {
let originProto = Object.getPrototypeOf(orignObj)
return Object.assign(Object.create(originProto), orignObj)
}
let obj3 = { name: 'zs', age: 12 }
console.log(clone(obj3));
用法4:合并對(duì)象屬性
下面這種寫(xiě)法,合并后,原來(lái)的兩個(gè)對(duì)象都已經(jīng)改變
// example1
let obj = {name:'zs'} ,obj2 = {name:'zs',age:12}
let merge = (target, ...v) => Object.assign(target, ...v)
console.log(merge(obj,obj2));// {name:'zs',age:12}
console.log(obj,obj2); // 合并后,兩個(gè)對(duì)象都已經(jīng)改變,值都是 {name:'zs',age:12}
如果不想改變?cè)瓉?lái)的對(duì)象,可以用下面這個(gè)寫(xiě)法
// example2 合并后,返回一個(gè)新對(duì)象,不更改原有對(duì)象的屬性
let merge2 = (...v) => Object.assign({}, ...v)
console.log(merge2(obj, obj2));// {name:'zs',age:12}
console.log(obj); // 原來(lái)的對(duì)象保持原樣 {name:'zs'}
console.log(obj2); // 原來(lái)的對(duì)象保持原樣 {name:'zs',age:12}
//合并對(duì)象,還可以用展開(kāi)操作符
let obj5 = {name:'zs'},obj6 = {age:12}
let newOjb = {...obj5,...obj6}
console.log(newOjb);
用法5.為默認(rèn)對(duì)象新增屬性
const DEFAULTS = { name: 'zs', age: 13 } // 默認(rèn)對(duì)象
let createObjWithDefault = (opt) => Object.assign({}, DEFAULTS, opt)
console.log(createObjWithDefault({ 'addr': 'gz' }));
您發(fā)布的評(píng)論即表示同意遵守以下條款:
一、不得利用本站危害國(guó)家安全、泄露國(guó)家秘密,不得侵犯國(guó)家、社會(huì)、集體和公民的合法權(quán)益;
二、不得發(fā)布國(guó)家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對(duì)自己在本站的言論和行為負(fù)責(zé);
三、本站對(duì)您所發(fā)布內(nèi)容擁有處置權(quán)。