从新和创建来理解原型链和构造函数的精髓

原型链、构造函数和实例的关系

在 JavaScript 中，原型链、构造函数和实例是三个非常重要的概念，它们之间的关系可以简单地概括为：

• 实例 是通过 new 运算符使用构造函数创建的对象。
• 构造函数 是用于创建实例的函数。
• 原型链 是实例可以访问的一系列对象，它以实例的 prototype 属性为起点，一直向上追溯到 Object.prototype。

new 和 create 的原理和区别

new 运算符和 create 方法都是用于创建对象的，但它们的工作原理不同，用途也不同。

• new 运算符 会创建一个新的实例，并将该实例的 prototype 属性指向构造函数的 prototype 属性。
• create 方法 不会创建一个新的实例，而是返回一个新对象，该对象的 prototype 属性指向指定的原型对象。

new 和 create 的实现

new 运算符和 create 方法的实现方式如下：

• new 运算符 的实现方式如下：

function new(func, ...args) {
  // 创建一个新对象
  const obj = {};
  // 将新对象的原型属性指向构造函数的原型属性
  obj.__proto__ = func.prototype;
  // 将构造函数的 `this` 上下文指向新对象
  const result = func.apply(obj, args);
  // 如果构造函数返回一个对象，则返回该对象，否则返回新对象
  return result instanceof Object ? result : obj;
}

• create 方法 的实现方式如下：

function create(proto, propertiesObject) {
  // 创建一个新对象
  const obj = {};
  // 将新对象的原型属性指向指定的原型对象
  obj.__proto__ = proto;
  // 将指定的对象的属性复制到新对象中
  Object.defineProperties(obj, propertiesObject);
  // 返回新对象
  return obj;
}

new 和 create 的使用场景

new 运算符和 create 方法都有各自的使用场景。

• new 运算符 通常用于创建实例，例如：

const person = new Person('John', 30);

• create 方法 通常用于创建原型对象，例如：

const personProto = {
  sayHello() {
    console.log(`Hello, my name is ${this.name}`);
  }
};

总结

new 运算符和 create 方法都是用于创建对象的，但它们的工作原理不同，用途也不同。new 运算符用于创建实例，而 create 方法用于创建原型对象。