詳解ES6 中的Object.assign()的用法實例代碼
更新時間：2021年01月11日 14:37:08 作者：半夏遮流年シ
這篇文章主要介紹了ES6 Object.assign()的用法及用途,本文給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
方法：Object.assign()
作用：將sourse對象的 值 賦值給目標對象，兩者都有的會覆蓋，target獨有會保留，sourse獨有會添加
使用方法：
Object.assign方法實行的是淺拷貝，而不是深拷貝。也就是說，如果源對象某個屬性的值是對象，那么目標對象拷貝得到的是這個對象的引用。
var object1 = { a: { b: 1 } };
ar object2 = Object.assign({}, object1);
object1.a.b = 2;
console.log(object2.a.b);
2.用途
2.1為對象添加屬性
2.2為對象添加方法
2.3克隆對象
function copyFnc(origin) {
return Object.assign({}, origin)}
var sur = { a: 1, b: 2 };
console.log(copyFnc(sur));
上面代碼將原始對象拷貝到一個空對象，就得到了原始對象的克隆。
不過，采用這種方法克隆，只能克隆原始對象自身的值，不能克隆它繼承的值。如果想要保持繼承鏈，可以采用下面的代碼。
function clone(origin) {
let originProto = Object.getPrototypeOf(origin);
return Object.assign(Object.create(originProto), origin);
}
在JS里子類利用Object.getPrototypeOf去調(diào)用父類方法,用來獲取對象的原型。
2.4 合并多個對象
//多個對象合并到某個對象
const merge = (target, ...sources) => Object.assign(target, ...sources);
//多個對象合并到新對象
const merge = (...sources) => Object.assign({}, ...sources);
2.5為屬性指定默認值
const DEFAULTS = {
logLevel: 0,
outputFormat: 'html'};
function processContent(options) {let options = Object.assign({}, DEFAULTS, options);
}
到此這篇關(guān)于詳解ES6 Object.assign()的用法及用途的文章就介紹到這了,更多相關(guān)ES6 Object.assign()的用法內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
下面的一個例子就是以獨立函數(shù)寫出的JavaScript日期格式化函數(shù)，獨立的format函數(shù)?；氐礁袷交倪@一知識點上，我們考查的是怎么實現(xiàn)的、運用了哪些原理2014-01-01
javascript實現(xiàn) 在光標處插入指定內(nèi)容
javascript實現(xiàn) 在光標處插入指定內(nèi)容...2007-05-05
xmlplus組件設(shè)計系列之網(wǎng)格（DataGrid）(10）
xmlplus 是一個JavaScript框架，用于快速開發(fā)前后端項目。這篇文章主要介紹了xmlplus組件設(shè)計系列之xmlplus網(wǎng)格，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
javascript 新聞切換技術(shù)...2007-12-12
JavaScript eval() 函數(shù)介紹及應(yīng)用示例
eval(String) 函數(shù)可計算某個字符串，并執(zhí)行其中的的 JavaScript 代碼，該方法只接受原始字符串作為參數(shù)2014-07-07
bootstrap+jQuery實現(xiàn)的動態(tài)進度條功能示例
這篇文章主要介紹了bootstrap+jQuery實現(xiàn)的動態(tài)進度條功能,結(jié)合完整實例形式分析了bootstrap+jQuery實現(xiàn)動態(tài)進度條的具體步驟與相關(guān)操作技巧,需要的朋友可以參考下2017-05-05
Selenium執(zhí)行Javascript腳本參數(shù)及返回值過程詳解
這篇文章主要介紹了Selenium執(zhí)行Javascript腳本參數(shù)及返回值過程詳解,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-04-04
這篇文章主要為大家詳細介紹了javascript實現(xiàn)秒表計時器的制作方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
three.js顯示中文字體與tween應(yīng)用詳析
這篇文章主要給大家介紹了關(guān)于three.js顯示中文字體與tween應(yīng)用的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
常用參考資料（手冊）下載或者鏈接...2006-07-07