实现 new

我们知道使用 new 操作符，这种方式调用构造函数实际上会经历 4 个步骤：

创建（或者说构造）一个全新的对象；
这个新对象会被执行 [[Prototype]] 链接；
这个新对象会被绑定到函数调用的 this；
如果函数没有返回其他新对象，那么 new 表达式中的函数调用会自动返回这个新对象。

function Foo(name, age) {
  this.name = name;
  this.age = age;
}
var bar = new Foo('Vue', 20);
console.log(bar); // {name: "Vue", age: 20}

按照这个过程实现一个 new 操作符：

function myNew(fn) {
  var obj = new Object(); // 创建一个新对象
  obj.__proto__ = fn.prototype; // 执行 [[Prototype]] 链接
  var args = [].slice.call(arguments, 1); 
  var result = fn.apply(obj, args); // 绑定到函数调用的 this
  return typeof result === 'object' && result !== null ? result : obj; // 返回对象
}

var baz = myNew(Foo, 'Vue', 20);
console.log(baz); // {name: "Vue", age: 20}

Edit this page on GitHub

实现 new #

实现 new