系統城裝機大師 - 唯一官網:www.farandoo.com!

當前位置:首頁 > 網絡編程 > JavaScript > 詳細頁面

js的Object.assign用法示例分析

時間:2020-03-05來源:電腦系統城作者:電腦系統城

本文實例講述了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.  

運行結果:

 js的Object.assign用法示例分析

示例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.  

運行結果:

 js的Object.assign用法示例分析

例子:給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程序設計有所幫助。

分享到:

相關信息

系統教程欄目

欄目熱門教程

人氣教程排行

站長推薦

熱門系統下載

jlzzjlzz亚洲乱熟在线播放