JavaScript 对象方法及其扩展| 对象的遍历方法 | Object.create | Object.assign

JavaScript 对象方法及其扩展

对象的遍历

方法	描述	遍历不可枚举属性	遍历继承属性	遍历Symbol属性
Object.keys(obj) Object.values(obj) Object.entries(obj)	返回给定对象的自身可枚举属性组成的数组	×	×	×
for-in	遍历对象的属性，包括原型链上的可枚举属性	×	√	×
Object.getOwnPropertyNames()	返回对象的自身属性的属性名，包括不可枚举属性	√	×	×
Object.getOwnPropertySymbols()	只获取对象的Symbol类型的键名	×	×	√
Reflect.ownKeys(obj)	获取对象的键值，包含不可迭代的key和symbol类型的key	√	×	√

• Object.keys() = for in + Object.hasOwnProperty()
• Reflect.ownKeys() = Object.getOwnPropertyNames() + Object.getOwnPropertySymbols()

let data = { name: 'tim', age: 18, [Symbol()]: 123 };
console.log(Object.keys(data)); // [ 'name', 'age' ]
console.log(Object.values(data)); // [ 'tim', 18 ]
console.log(Object.entries(data)); // [ [ 'name', 'tim' ], [ 'age', 18 ] ]

对象遍历的次序规则
1.遍历所有数值键，按照数值升序排列。
2.遍历所有字符串键，按照加入时间升序排列。
3.遍历所有 Symbol 键，按照加入时间升序排列。

Reflect.ownKeys({ [Symbol()]:0, b: 0, 10: 0, 2: 0, a:0 })
// ['2', '10', 'b', 'a', Symbol()]

Object.create() 创建原型对象

Object.create(proto，[propertiesObject])方法创建一个新对象，新对象的__proto__指向参数对象。

• proto必须为null或者原始包装对象，否则会抛出异常。
• propertiesObject：可选参数，需要是一个对象，将propertiesObject的自有的可枚举属性添加为新对象的属性。

const obj = {
    name: "nordon",
};

const newObj = Object.create(obj, {
    name: {
        value: "wy",
        writable: true,
        configurable: true,    
        enumerable: true
    },
    age: {
        value: 12,
        writable: true,
        configurable: true,
        enumerable: true
    },
});

Object.create(null)

使用场景:创建一个干净的对象

const obj = Object.create(null);

通过Object.create(null)创建出来的对象，没有任何属性。可以将其当成一个干净的 map 来使用，自主定义 toString,hasOwnProperty等方法，并且不必担心将原型链上的同名方法被覆盖。
{}创建的对象，使用for in遍历对象的时候，会遍历原型链上的属性，带来性能上的损耗。

方法实现

1.proto传递null时，返回的实例原型为null
2.proto类型只能是object、function或者null，否则报错。
3.propertiesObject类型，不能是null，否则报错
4.propertiesObject如果不为 undefined ,需要将其挂载到实例的 Object.defineProperties 上。

const create = function (proto,propertiesObject) {
    if (typeof proto !== "object" && typeof proto !== "function") {
        // 类型校验
        throw new TypeError("proto必须为对象或者函数");
    } else if (defineProperties === null) {
        // null 特殊处理
        throw new Error("在浏览器中暂不支持传递null");
    }
	// 定义新对象 
    const obj = {}
    // 设置隐式原型
    // obj.__proto__ = proto // 不建议这么做了
    //使用 Object.setPrototypeOf() 方法来设置对象的原型。
    Object.setPrototypeOf(obj, proto);
	if ( defineProperties !== undefined ) {
      Object.defineProperties(obj, defineProperties)
    }
    return obj
  }
};

setPrototypeOf()设置对象的隐式原型/getPrototypeOf()获取对象的隐式原型

Object.setPrototypeOf(对象a，对象b)：设置对象a的__proto__指向对象b
Object.getPrototypeOf(对象)：获取指定对象的__proto__指向的值,没有返回null

Object.assign(target, …sources) 复制对象

语法：Object.assign(target, ...sources)
说明
1.将一个或多个源对象复制到目标对象，返回修改后的目标对象。
2.如果目标对象中存在相同的key则后面的覆盖前面的。
3.只拷贝源对象可枚举的自有属性
4.如果赋值期间出错(源对象值为 null 或 undefined 时不会抛出错误)，例如如果属性不可写，则会抛出 TypeError；如果在抛出异常之前已经添加了一些属性，则这些属性会被保留，而 target 对象也会被修改。
5.浅拷贝，基本类型直接赋值，引用类型复制地址。

const obj1 = { a: 0, b: { c: 0 } };
const obj2 = Object.assign({}, obj1);
console.log(obj2); // { a: 0, b: { c: 0 } }

obj1.a = 1;
console.log(obj1); // { a: 1, b: { c: 0 } }
console.log(obj2); // { a: 0, b: { c: 0 } }

obj2.a = 2;
console.log(obj1); // { a: 1, b: { c: 0 } }
console.log(obj2); // { a: 2, b: { c: 0 } }

obj2.b.c = 3;
console.log(obj1); // { a: 1, b: { c: 3 } }
console.log(obj2); // { a: 2, b: { c: 3 } }