ES6中Object的新特性

偏执的太偏执、 2023-07-16 12:57 32阅读 0赞

### 文章目录 ###

*   *   *  成员速写
         *  方法速写
         *  计算属性名
         *  is() 判断
         *  assign() 混合对象
         *  setPrototypeOf() 设置隐式原型
         *  setPrototypeOf() 返回属性名

--------------------

### 成员速写 ###

成员速写是当返回的属性名和返回的值一致时可以简写

function create(userName, userAge) { 
        return { 
            userName,
            userAge
        }
    }
    console.log(create('robbit', 18))
    
    // {userName: "robbit", userAge: 18}

--------------------

### 方法速写 ###

对象字面量初始化时可以简写

function create(userName, userAge) { 
        return { 
            userName,
            userAge,
            print() { 
                console.log(this.userName, userAge)
            }
        }
    }
    var user = create('robbit', 18)
    user.print()
    
    // robbit 18

--------------------

### 计算属性名 ###

在我们从后台返回的参数我们不知道属性名，此时我们可以使用计算属性名。

const prop1 = 'userName';
    const prop2 = 'userAge';
    const prop3 = 'print';
    
    const user = { 
        [prop1]: 'robbit',
        [prop2]: 18,
        [prop3]() { 
            console.log(this[prop1], this[prop2])
        }
    }
    console.log(user[prop1], user[prop2])
    user[prop3]()
    
    // user[prop1] => robbit
    // user[prop2] => 18
    // user[prop3] => robbit 18

--------------------

### is() 判断 ###

判断两个值是否全等，除了一下两种情况。

console.log(NaN === NaN);
    // false
    
    console.log(Object.is(NaN, NaN))
    // true

console.log(+0 === -0);
    // true
    
    console.log(Object.is(+0, -0))
    // false

--------------------

### assign() 混合对象 ###

用于混合对象，后值会覆盖前值。

const obj1 = { 
        a: 123,
        b: "abc",
    };
    const obj2 = { 
        b: 456,
        c: "def"
    };
    const obj = Object.assign(obj1, obj2)
    console.log(obj)
    
    // {a: 123, b: 456, c: "def"}

--------------------

### setPrototypeOf() 设置隐式原型 ###

传递两个对象参数，将后一个对象设置为前一个对象的隐式原型。

const obj1 = { 
        a: 1
    }
    const obj2 = { 
        b: 2
    }
    Object.setPrototypeOf(obj1, obj2)
    console.log(obj1)
    
    // { a: 1,
    // __proto__: { 
    // b: 2
    // }
    // }

--------------------

### setPrototypeOf() 返回属性名 ###

返回对象的所有自身属性的属性名（包括不可枚举属性但不包括Symbol值作为名称的属性）组成的数组。

const obj = { 
        a: 1,
        b: 2,
        [Symbol("abc")]: 3
    }
    console.log(Object.getOwnPropertyNames(obj))
    
    // ["a", "b"]