1. 程式人生 > 程式設計 >js的Object.assign用法示例分析

js的Object.assign用法示例分析

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

作用

Object.assign() 用於將所有可列舉的自有屬性的值從一個或多個源物件複製到目標物件。它將返回目標物件。

語法

Object.assign(target,…sources)

引數:

target: 目標物件
sources:任意多個源物件

返回值

返回值為合併屬性後的目標物件,即target。

示例1(屬性值是值型別)

var obj1 = {
  a:1
};
var obj2 ={
  b:2
};
var obj = {};
var o = Object.assign(obj,obj1,obj2);
console.log(o,obj);

執行結果:

js的Object.assign用法示例分析

示例2(屬性值包括引用型別)

var obj1 = {
  a:1,fn:function(){
    console.log(this.a);
   }
};
var obj2 ={
  b:2,c:{name:"Bob"}
  };
var obj = Object.assign({},obj2);
obj.fn(); // ->> 1
console.log(obj.c.name); // ->> Bob

執行結果:

js的Object.assign用法示例分析

例子:給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程式碼執行工具:http://tools.jb51.net/code/HtmlJsRun測試上述程式碼執行效果。

更多關於JavaScript相關內容感興趣的讀者可檢視本站專題:《javascript面向物件入門教程》、《JavaScript錯誤與除錯技巧總結》、《JavaScript資料結構與演算法技巧總結》、《JavaScript遍歷演算法與技巧總結》及《JavaScript數學運算用法總結》

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