js的Object.assign用法示例分析
本文實(shí)例講述了js的Object.assign用法。分享給大家供大家參考,具體如下:
作用
Object.assign() 用于將所有可枚舉的自有屬性的值從一個(gè)或多個(gè)源對(duì)象復(fù)制到目標(biāo)對(duì)象。它將返回目標(biāo)對(duì)象。
語(yǔ)法
Object.assign(target, …sources)
參數(shù):
target: 目標(biāo)對(duì)象sources:任意多個(gè)源對(duì)象
返回值
返回值為合并屬性后的目標(biāo)對(duì)象,即target。
示例1(屬性值是值類型)
var obj1 = { a:1};var obj2 ={ b:2};var obj = {};var o = Object.assign(obj, obj1, obj2);console.log(o, obj);
運(yùn)行結(jié)果:
示例2(屬性值包括引用類型)
var obj1 = { a:1, fn:function(){ console.log(this.a); }};var obj2 ={ b:2, c:{name:'Bob'} };var obj = Object.assign({},obj1,obj2);obj.fn(); // ->> 1console.log(obj.c.name); // ->> Bob
運(yùn)行結(jié)果:
例子:給ReactNative Text組件增加全局屬性
import { Text, TextInput } from ’react-native’TextInput.defaultProps = Object.assign({}, TextInput.defaultProps, {defaultProps: false}); // 新版RN使用該方法替代Text.defaultProps = Object.assign({}, Text.defaultProps, {allowFontScaling: false});
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具:http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《javascript面向?qū)ο笕腴T教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章:
1. 如何在jsp界面中插入圖片2. 如何通過vscode運(yùn)行調(diào)試javascript代碼3. HTML <!DOCTYPE> 標(biāo)簽4. JS數(shù)據(jù)類型判斷的幾種常用方法5. Ajax實(shí)現(xiàn)頁(yè)面無刷新留言效果6. WML語(yǔ)言的基本情況7. python基于tkinter制作無損音樂下載工具(附源碼)8. ajax請(qǐng)求后臺(tái)得到j(luò)son數(shù)據(jù)后動(dòng)態(tài)生成樹形下拉框的方法9. JSP+Servlet實(shí)現(xiàn)文件上傳到服務(wù)器功能10. 用Python實(shí)現(xiàn)定時(shí)備份Mongodb數(shù)據(jù)并上傳到FTP服務(wù)器
