当我们new一个构造函数的时候，发生了什么？

大家都知道我们通过new运算符和构造函数可以创建对象实例，那么new这个运算符在整个过程中有哪些操作呢？我们不妨看下面的例子：

function Fn(name, age) {
  console.log(this);
  this.name = name;
  this.age = age;
}
let p = new Fn("jim", 10);

结果是输出了一个空对象{}，我们知道对于构造函数，当用new运算符调用它的时候，构造函数里面的this指向的是构造函数要创建的实例对象本身，而现在这个实例对象是{}，说明这里面第一步是创建了一个空对象。所以：

第一步：创建了一个空对象；

第二步：将构造函数里面的this指向这个空对象；

第三步：执行构造函数里面相应的代码，给这个空对象添加属性和方法；

第四步：根据构造函数里面有无return及return后的数据类型来返回一个对象。

针对第四步，当无return或者return后面是基本数据类型或者只有return的时候，那返回的对象即为前面步骤创建的对象，比如当只有return的时候：

function Fn(name, age) {
  this.name = name;
  this.age = age;
  return;
}
let p = new Fn("jim", 10);
console.log(p);

输出结果为{name: 'jim', age: 10}。

当return后面为对象的时候，我们看下面的例子：

function Fn(name, age) {
  this.name = name;
  this.age = age;
  return {};
}
let p = new Fn("jim", 10);
console.log(p);

我们会发现输出结果为{}。所以当return后面为对象的时候，这个对象就会覆盖之前创建的对象而作为返回的结果。