JavaScript在new一个对象的时候具体发生了什么

我们经常使用new去调用的一个构造器函数, 但是new之后到底做了什么呢?

如:

1
var Person = function (name) {
  this.name = name;
}
var p = new Person("Boring");

以上代码在调用时,会变成如下

1
var p = (Person (name) {
  var _newObj = { //#0
    constructor: Person; // #1
    __proto__: Person.prototype; //#2
  };
  _newObj.constructor(name); //#3
  return _newObj; //#4
})();

解析:
#0 创建一个新的对象,_newObj;
#1 将对象的constructor赋值为Person,即构造器函数;
#2 将对象的__proto__属性赋值为Person.prototype,即原型链的概念;
#3 使用构造器函数的方法设置name属性this.name = name;可以转成_newObj.constructor.call(_newObj, name),此时的this就是指向_newObj,由于call的原因;
#4 返回改对象给p变量.