js的Object.assign用法示例分析

本文實例講述了js的Object.assign用法。分享給大家供大家參考，具體如下：

作用

Object.assign() 用于將所有可枚舉的自有屬性的值從一個或多個源對象復制到目標對象。它將返回目標對象。

語法

1. Object.assign(target, …sources)
2.  

參數：

target： 目標對象
sources：任意多個源對象

返回值

返回值為合并屬性后的目標對象，即target。

示例1（屬性值是值類型）

1. var obj1 = {
2. a:1
3. };
4. var obj2 ={
5. b:2
6. };
7. var obj = {};
8. var o = Object.assign(obj, obj1, obj2);
9. console.log(o, obj);
10.  

運行結果：

示例2（屬性值包括引用類型）

1. var obj1 = {
2. a:1,
3. fn:function(){
4. console.log(this.a);
5. }
6. };
7. var obj2 ={
8. b:2,
9. c:{name:"Bob"}
10. };
11. var obj = Object.assign({},obj1,obj2);
12. obj.fn(); // ->> 1
13. console.log(obj.c.name); // ->> Bob
14.  

運行結果：

例子：給ReactNative Text組件增加全局屬性

1. import { Text, TextInput } from 'react-native'
2. TextInput.defaultProps = Object.assign({}, TextInput.defaultProps, {defaultProps: false});
3. // 新版RN使用該方法替代
4. Text.defaultProps = Object.assign({}, Text.defaultProps, {allowFontScaling: false});
5.  

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。

更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。