JavaScript使用new关键字创建对象的返回值详解

JavaScript使用new关键字创建对象的过程

• 创建一个实例对象
• 将构造函数显式原型property赋值给实例对象的隐式原型proto
• this指向实例对象
• 执行构造函数中的代码
• 将实例对象返回

function Person() {
  this.name = "peter";
  this.age = 10;
}

console.log(new Person()); // Person {name: "peter", age: 10}

但是当我们在构造函数中直接进行return时，那么返回的值是什么呢

直接使用return进行返回

1、返回一个基本数据类型

function Person() {
  this.name = "peter";
  this.age = 10;

  return "lisa";
}

console.log(new Person()); // Person {name: "peter", age: 10}

很显然还是会返回创建的实例对象。

2、返回一个引用数据类型

function Person() {
  this.name = "peter";
  this.age = 10;

  return ["lisa"];
}

console.log(new Person()); // ["lisa"]

可以看出，如果return的值是一个引用类型，那么就会返回这个值。

总结

• 如果构造函数返回一个对象，则该对象将作为整个表达式的值返回，而传入构造函数的this将会被抛弃。
• 但是，如果构造函数返回的是非对象类型，则忽略返回值，返回新创建的对象。