Object.assign合并对象(ES6新增语法) 解决代码臃肿

Object.assign合并对象 ES6新增语法 解决代码臃肿

1.了解

Object.assign主要解决的问题是对象合并问题

Object.assign(target,…sources) //target是目标对象,后面都是需要合并到targeet的对象 (可以多个)

好处是:解决代码臃肿问题,像之前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. r o u t e . q u e r y 和 t h i s . route.query和this. route.querythis.route.params这两个参数结果合并到需要发起请求的数据中

2.通过watch实时监听路由变化,发起ajax请求

3.详细介绍请看我下一篇文章

猜你喜欢

转载自blog.csdn.net/m0_62496369/article/details/127841272