js 对象扩展运算符理解&对象可枚举

let obj1 = {
    a:1,
    b:2,
    c:3
}
let obj2 = {
    f:1,
    s:{
        s1:1,
        s2:2
    },
    t:3,
}
Object.defineProperty(obj2, "t", {
// 给obj2的t属性设置了值和不可被枚举
/*
* for…in
* Object.keys()
* JSON.stringify()
* Object.keys()等等...
* 如果属性
被设置不可枚举的,直接在遍历时获取不到
*
enumerable: false的属性
*/
value: 3,
enumerable: false
});
let o = {...obj1,...obj2}
obj2.s.s1 = 222
console.log(o)
//
{a: 1, b: 2, c: 3, f: 1, s: {…}}
a: 1
b: 2
c: 3
f: 1
s: {s1: 222, s2: 2}
// 这里可以看出...扩展运算符只是浅拷贝,引用对象的复杂类型属性发生改变,它得到的值也跟着改变

es6的扩展运算符可以给数组用,也可以给对象使用,

posted @ 2021-12-26 20:33  时间观测者  阅读(125)  评论(0编辑  收藏  举报