我的constructor function异常，生成空构造函数，疑return环节出错求助

嘿，我来帮你搞定这个构造函数的坑！你说运行后只得到空的构造函数实例，怀疑是return语句的问题，这个判断真的很准——构造函数里的return行为和普通函数不一样，一不小心就会搞砸实例的生成。

常见的return导致空实例的场景 #

我给你列两个最容易踩的坑，对应你可能遇到的情况：

1. 构造函数里返回了空对象（或任意对象）

在构造函数中，如果显式返回一个对象类型（包括空对象、数组、函数等），JavaScript引擎会直接用这个返回的对象代替原本要生成的this实例。比如：

function Product(name, price) {
  this.name = name;
  this.price = price;
  // 错误：返回空对象，覆盖了原本的实例
  return {};
}

const apple = new Product('Apple', 5);
console.log(apple); // 输出 {}，完全丢失了name和price属性

2. 提前return导致this属性未赋值

如果你的构造函数里有return;（无返回值），或者在给this添加属性之前就return了，那生成的实例就会是空的：

function User(username) {
  // 提前return，后面给this赋值的代码根本没执行
  if (!username) return;
  this.username = username;
}

const emptyUser = new User('');
console.log(emptyUser); // 输出 User {}，空实例

正确的构造函数写法 #

其实构造函数通常不需要显式写return——当你用new关键字调用时，引擎会自动返回绑定了属性的this实例。只要确保你正确给this添加属性即可：

function Product(name, price) {
  // 给this绑定实例属性
  this.name = name;
  this.price = price;
  // 不需要写return，引擎会自动处理
}

const orange = new Product('Orange', 3);
console.log(orange); // 输出 Product { name: 'Orange', price: 3 }

排查步骤 #

你可以按这两步检查自己的代码：

• 找一找构造函数里的return语句：如果返回的是对象，赶紧删掉；如果是无值的return，看看是不是提前终止了代码执行，导致this的属性没被赋值
• 确认所有给this添加属性的代码都能被执行到，有没有被条件判断、循环或者return跳过

内容的提问来源于stack exchange，提问作者Devin Bowen