jsのObject.assign用法例分析

2338 ワード

js。 Object.assign

この実例はjsのObject.assignの使い方を述べている。皆さんに参考にしてあげます。具体的には以下の通りです。
作用
Object.assign()は、列挙可能なすべての固有属性の値を1つまたは複数のソースオブジェクトから対象オブジェクトにコピーするために使用されます。ターゲットオブジェクトに戻ります。
構文


Object.assign(target, …sources)

パラメータ:
ターゲット
sources：任意の複数のソースオブジェクト
戻り値
属性を統合したオブジェクトを返します。
例1（属性値は値タイプ）

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

実行結果:

例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(); // ->> 1
console.log(obj.c.name); // ->> Bob

実行結果:

例：React Native 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プログラムの設計に役に立ちます。

Ajax技術に基づいてファイルアップロードの進捗バーを実現します。

Elementのel-treeコントロールのバックグラウンドデータ構造の生成と方法の抽出