关于javascript: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 将会被摈弃。
• 然而，如果构造函数返回的是非对象类型，则疏忽返回值，返回新创建的对象。