es6结构赋值的小技巧

70 阅读1分钟

结构赋值使用中的小技巧

let obj = {
    name:'张三',
    age:18,
    address:'上海',
    num:2
}
let {name='李四',age,address:neeAddress,num:newNum=1} = obj;
console.log(name) //张三 给name添加一个默认值 '李四'
console.log(age)  //18
console.log(address) // undefined  address重命名为neeAddress
console.log(neeAddress) //上海
console.log(newNum) //2 num重命名为newNum并且给个1为默认值

let obj2 = {
    name:'李四'
}
let newObj = {...obj,obj2}; //表示把obj2添加到obj
/*
    {
        "name": "张三",
        "age": 18,
        "address": "上海",
        "num": 2,
        "obj2": {
            "name": "李四"
        }
    }
*/

let newObj = {obj, ...obj2}; //表示把obj添加到obj2中

let newObj = {...obj, ...obj2}; //表示合并,后变的值会覆盖前边的值 name为李四