如何区分Object.create 和 new

继上一篇文章介绍了Object.create的原理和使用方法，下面来分析一下Object.create和new的区别。
想了解Object.create的使用可以参考上一篇文章理解 Object.create 并正确使用 Object.create

Object.create 和 new 是 JavaScript 中用于创建对象的两种不同机制。虽然它们都用于生成新对象，但它们的原理、用法和目的各有不同。下面是对这两种方法的详细比较。

1. Object.create vs. new 的基本原理

1.1 Object.create

• 原理：Object.create 创建一个新对象，并使用传入的对象作为新对象的原型。它的核心用途是建立原型链，使新对象继承指定对象的属性和方法。

• 语法：Object.create(prototype, propertiesObject)

  • prototype：新对象的原型。
  • propertiesObject（可选）：指定新对象的属性描述符。

• 示例：

  const animal = {
    eat() {
      console.log('Eating...');
    }
  };
  
  const dog = Object.create(animal);
  dog.bark = function() {
    console.log('Barking...');
  };
  
  dog.eat();  // 输出: Eating...
  dog.bark(); // 输出: Barking...
  

1.2 new

• 原理：new 操作符用于创建一个新实例并将其与构造函数的原型关联。构造函数通常用于初始化对象的属性。

• 语法：new Constructor([arguments])

  • Constructor：构造函数。
  • arguments（可选）：传递给构造函数的参数。

• 示例：

  function Animal() {
    this.eat = function() {
      console.log('Eating...');
    };
  }
  
  const dog = new Animal();
  dog.eat(); // 输出: Eating...
  

2. Object.create 与 new 的区别

2.1 原型链的设置

• Object.create：直接设置新对象的原型为指定的对象。这允许你精确控制对象的原型链。

  const animal = {
    eat() {
      console.log('Eating...');
    }
  };
  
  const dog = Object.create(animal);
  // dog 的原型是 animal
  

• new：通过构造函数创建对象并将其原型设置为构造函数的 prototype 属性。

  function Animal() {
    this.eat = function() {
      console.log('Eating...');
    };
  }
  
  const dog = new Animal();
  // dog 的原型是 Animal.prototype
  

2.2 初始化属性

• Object.create：可以通过 propertiesObject 参数设置新对象的属性，但不能用来初始化对象的内部状态。

  const person = Object.create({}, {
    name: { value: 'John Doe', writable: true, enumerable: true }
  });
  
  console.log(person.name); // 输出: John Doe
  

• new：可以在构造函数中初始化对象的属性。

  function Person(name) {
    this.name = name;
  }
  
  const john = new Person('John Doe');
  console.log(john.name); // 输出: John Doe
  

2.3 用于创建实例与继承

• Object.create：主要用于对象的继承，适合用在需要改变原型链的场景。它不涉及构造函数，也不支持 this 关键字。

  const animal = {
    eat() {
      console.log('Eating...');
    }
  };
  
  const dog = Object.create(animal);
  dog.bark = function() {
    console.log('Barking...');
  };
  

• new：用于创建构造函数的实例，适合对象的初始化和构造函数模式。构造函数模式可以通过 this 关键字进行对象的属性初始化。

  function Dog(name) {
    this.name = name;
  }
  
  Dog.prototype.bark = function() {
    console.log('Barking...');
  };
  
  const myDog = new Dog('Rover');
  myDog.bark(); // 输出: Barking...
  

2.4 性能与灵活性

• Object.create：直接设置对象原型，性能较高，尤其适合创建继承关系明确的对象。
• new：通过构造函数创建对象，适合进行复杂的初始化操作，但需要定义构造函数和设置原型链。

3. 总结

• Object.create：用于创建具有指定原型的新对象，并可以定义对象的属性。适用于创建继承关系和设置原型链。
• new：用于创建构造函数的实例，通过构造函数初始化对象的属性和方法。适用于初始化复杂对象和构造函数模式。

根据具体需求选择使用 Object.create 还是 new，可以更好地实现代码的组织和对象的管理。