JavaScript 中怎么在构造函数返回值影响 this 绑定-js教程-PHP中文网

构造函数显式返回对象时覆盖默认实例，否则返回新创建的this实例；返回原始值、null或undefined均被忽略。

javascript 中怎么在构造函数返回值影响 this 绑定

在 JavaScript 中，构造函数的返回值确实会影响 this 的最终结果，但这种影响只发生在**显式返回一个对象类型值**时；其他情况（包括不返回、返回原始值、返回 null 或 undefined）都不会改变构造函数默认返回的实例对象。

构造函数默认返回新创建的实例

当你用 new 调用一个函数时，JavaScript 引擎会：

创建一个空对象，并将其原型设为该函数的 prototype
将这个对象作为 this 绑定到函数执行上下文中
执行函数体
如果函数没有显式返回对象，则自动返回这个新对象（即 this）

例如：

Java Maven Code Review

审查Java Maven项目（ZIP压缩包或GitLab仓库URL），检查代码规范、命名、模块边界、可维护性问题以及重复代码。

下载

```js
function Person(name) {
this.name = name;
}

const p = new Person('Alice');
console.log(p.name); // 'Alice'
console.log(p instanceof Person); // true
```

显式返回对象会覆盖默认 this

如果构造函数中使用 return 显式返回一个**对象（包括数组、函数、正则、Date 等引用类型）**，那么 new 表达式的最终结果就是这个返回的对象，而不是默认的 this 实例。

返回的对象与原 this 无关，也不继承构造函数的原型
此时 instanceof 检查会失败

例如：

```js
function Person(name) {
this.name = name;
return { age: 25 }; // 返回普通对象
}

const p = new Person('Alice');
console.log(p.age); // 25
console.log(p.name); // undefined
console.log(p instanceof Person); // false
```

返回原始值或 null/undefined 不影响 this

如果返回的是字符串、数字、布尔值、undefined、null、NaN、Symbol 等原始值，JavaScript 会忽略该返回值，仍返回默认的 this 实例。

return undefined 和不写 return 效果相同
return null 也会被忽略（注意：不是“转成对象”，而是直接丢弃）

例如：

```js
function Person(name) {
this.name = name;
return 'ignored'; // 原始值，被忽略
}

const p = new Person('Alice');
console.log(p.name); // 'Alice'
console.log(p instanceof Person); // true
```