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(mén)教程》、《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. Python使用oslo.vmware管理ESXI虛擬機(jī)的示例參考2. Express 框架中使用 EJS 模板引擎并結(jié)合 silly-datetime 庫(kù)進(jìn)行日期格式化的實(shí)現(xiàn)方法3. 一篇文章帶你了解JavaScript-對(duì)象4. javascript設(shè)計(jì)模式 ? 建造者模式原理與應(yīng)用實(shí)例分析5. IntelliJ IDEA設(shè)置條件斷點(diǎn)的方法步驟6. Java構(gòu)建JDBC應(yīng)用程序的實(shí)例操作7. ThinkPHP5 通過(guò)ajax插入圖片并實(shí)時(shí)顯示(完整代碼)8. python flask框架快速入門(mén)9. Spring應(yīng)用拋出NoUniqueBeanDefinitionException異常的解決方案10. 淺談SpringMVC jsp前臺(tái)獲取參數(shù)的方式 EL表達(dá)式
