Object.assign はオブジェクト (ES6 の新しい構文) をマージしてコードの肥大化を解決します

Object.assign はオブジェクトを ES6 の新しい構文とマージしてコードの肥大化を解決します

1. 理解する

Object.assign によって解決される主な問題は、オブジェクトのマージです。

Object.assign(target,…sources) //target はターゲット オブジェクトであり、その後に target にマージする必要があるオブジェクトが続きます (複数の可能性があります)

利点は、コードの肥大化の問題が解決されることです。以前と同様に、ES5 ユーザーは代入操作を使用します。この新しい構文はシンプルです。

2.コード

let Objectname={
    
    
		category1Id:"",
		category2Id:"",
		category3Id: "",
		categoryName: "",
		keyword: "",
		order: "",
		pageNo: 1,
		pageSize: 10,
		props: [],
		trademark: "",
}
let query={
    
    category1Id:"1",categoryName:"手机"}
let params={
    
    keyword:"华为"}
console.log(Object.assign(Objectname,query,params))  // 将后两个对象合并到第一个对象 返回第一个对象

3.出力

ここに画像の説明を挿入します

4. 実用化

1. ルーティング パラメータの変更をリッスンし、this.route.query 、this.route.query、this を変更します。2 つのパラメーターro u t e.q u e ythis .route.params開始する必要あるデータにマージされます

2. ウォッチを通じてルーティングの変更をリアルタイムで監視し、Ajax リクエストを開始します

3. 詳しい紹介は次回の記事をご覧ください。

おすすめ

転載: blog.csdn.net/m0_62496369/article/details/127841272