前端学习

for…in

for…in 可以遍历对象的所有可枚举属性，包括对象本身的和对象继承来的属性

Object.keys()

Object.keys()方法可以遍历到所有对象本身的可枚举属性，但是其返回值为数组

Object.values()

Object.values()与Object.keys()遍历对象的特性是相同的，但是其返回的结构是以遍历的属性值构成的数组

Object.entries()

Object.entries()的返回值为Object.values()与Object.keys()的结合，也就是说它会返回一个嵌套数组，数组内包括了属性名与属性值

Object.getOwnPropertyNames()

其返回结果与Object.keys()对应，但是他得特性与其相反，会返回对象得所有属性，包括了不可枚举属性

Object.getOwnPropertySymbols()

Object.getOwnPropertySymbols()会返回对象内的所有Symbol属性，返回形式依旧是数组，值得注意的是，在对象初始化的时候，内部是不会包含任何Symbol属性

Reflect.ownKeys()

Reflect.ownKeys()返回的是一个大杂烩数组，即包含了对象的所有属性，无论是否可枚举还是属性是symbol，还是继承，将所有的属性返回

根据遍历目标区分

根据返回值区分

根据遍历值区分

JS遍历对象的七种方法

new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象类型之一

实现new，首先就要知道 new 操作，里面到底做了些啥？

• 创建一个空对象，将它的引用赋给this，继承函数的原型。
• 通过 this 将属性和方法添加至这个对象
• 最后返回 this 指向的新对象，也就是实例（如果没有手动返回其他的对象）

实现方法

function myNew(Parent, ...args) {
  // 创建一个空对象，基础父级的原型
  let obj = Object.create(Parent.prototype)
  // 把this对象和剩余参数给构造函数
  let result = Parent.apply(obj, args)
  // 最后返回对象
  return typeof result === 'object' ? result : obj
}

// new构造函数的模拟实现
const _new = function(){
    let obj = new Object();
    let _constructor = [].shift.call(arguments);

    // 使用中间函数来维护原型关系
    const F = function(){};
    F.prototype = _constructor.prototype;
    obj = new F();

    let res = _constructor.apply(obj,arguments);
    return typeof res === 'object' ? res || obj : obj;
}

实现new方法