Object.assign()是淺復(fù)制(即:只復(fù)制對(duì)象得引用而,而不是新實(shí)例).它無(wú)法正確復(fù)制get屬性和set屬性.
看下面得例子:

// 定義一個(gè)source對(duì)象,含set方法 const source = {set foo(value) {console.log(value);} };// 使用Object.assign進(jìn)行賦值 const target1 = {}; Object.assign(target1, source);// 使用getOwnPropertyDescriptor方法獲取target1中的foo 并打印到控制臺(tái) console.log(Object.getOwnPropertyDescriptor(target1 , 'foo') )

結(jié)果如下:

可以發(fā)現(xiàn).value的屬性為undefined…
下面使用ES2017引入的Object.getOwnPropertyDescriptors方法配合Object.defineProperties方法解決set方法無(wú)法復(fù)制的問(wèn)題

const source = {set foo(value) {console.log(value);} };// Object.getOwnPropertyDescriptors:返回指定對(duì)象所有自身屬性(非繼承屬性)的描述對(duì)象 // Object.defineProperties:給某個(gè)對(duì)象定義屬性. const target2 = {}; Object.defineProperties(target2, Object.getOwnPropertyDescriptors(source)); console.log(Object.getOwnPropertyDescriptor(target2, 'foo'));

可以看到set方法成功復(fù)制! get方法未定義故值未undefined.

// ES6寫(xiě)法 const shallowMerge = (target, source) => Object.defineProperties(target,Object.getOwnPropertyDescriptors(source) };

參考《ES6標(biāo)準(zhǔn)入門(mén)》 P177~P179

總結(jié)

以上是生活随笔為你收集整理的javascript --- Object.assign()浅复制解决方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。