js中new的实现方式

在 JavaScript 中，"new" 操作符用于创建一个新的对象，并将该对象的构造函数设置为指定的函数。下面是一个简单的示例：

function Person(name) {
  this.name = name;
}

var john = new Person("John");
console.log(john.name); // 输出 "John"

在上面的示例中，我们创建了一个名为 Person 的构造函数，该函数接收一个参数 name，并将其赋值给 this.name 属性。然后，我们使用 "new" 操作符创建一个名为 john 的新对象，并将其构造函数设置为 Person。最后，我们可以访问 john 对象的 name 属性并输出其值。

那么，"new" 操作符是如何实现的呢？下面是一个简单的实现方式：

function myNew(constructor, ...args) {
  // 创建一个新对象，将其原型设置为构造函数的原型
  var obj = Object.create(constructor.prototype);
  // 调用构造函数，并将新对象作为上下文
  var result = constructor.apply(obj, args);
  // 如果构造函数有返回值且为对象，则返回该对象，否则返回新对象
  return typeof result === "object" ? result : obj;
}

// 使用 myNew 创建对象
var john = myNew(Person, "John");
console.log(john.name); // 输出 "John"

在上面的代码中，我们定义了一个名为 myNew 的函数，该函数接收一个构造函数和一些参数。该函数首先创建一个新对象 obj，并将其原型设置为构造函数的原型。然后，它使用 apply() 方法调用构造函数，并将新对象作为上下文。最后，如果构造函数有返回值且为对象，则返回该对象，否则返回新对象。

这就是 "new" 操作符的一个简单的实现方式。