JavaScript中构造函数里的this怎么在new关键字执行时指向新实例-js教程-PHP中文网

new调用构造函数时this指向新实例，因其执行四步：创建空对象、链接原型、以该对象为this调用构造函数、返回新对象；普通调用时this不指向实例，非严格模式下指向全局对象，严格模式下为undefined；箭头函数无prototype且无this，不能用new调用。

javascript中构造函数里的this怎么在new关键字执行时指向新实例

当使用 new 关键字调用构造函数时，JavaScript 引擎会自动创建一个新对象，并把该对象赋给函数内部的 this——所以此时 this 指向的就是这个新实例。

new 执行时的四步关键操作

理解 this 的指向，本质是理解 new 的执行机制。它实际做了以下四件事：

创建一个全新的空对象（即新实例）
将该对象的 [[Prototype]] 链接到构造函数的 prototype 对象上
以这个新对象为 this，调用构造函数（即函数体内的 this 就是它）
若构造函数没有显式返回对象，则默认返回这个新对象

为什么普通调用时 this 不是指向新实例

如果不加 new 直接调用构造函数（比如 Person('Alice')），函数就只是普通函数调用，this 会根据执行环境决定：在非严格模式下指向全局对象（如 window 或 global），严格模式下为 undefined。这时不会创建实例，也不会绑定原型链，this 和“新实例”毫无关系。

js2java

JavaScript 到 Java 全栈翻译助手，专为前端开发者学习 Java 或快速实现后端业务逻辑而设计。当用户提到以下场景时必须使用此技能： - "帮我把这段 JS 代码转成 Java" - "用 Java 怎么写这个逻辑" - "我习惯用 JS 写，想翻译成 Java" - "教我 Java，我要写后端接...

下载

可以手动模拟 new 的行为来验证 this 的来源

下面是一个简易版 myNew，能清晰看到 this 是如何被绑定到新对象上的：

function myNew(ctor, ...args) {
  const obj = {};                    // 步骤1：新建空对象
  Object.setPrototypeOf(obj, ctor.prototype); // 步骤2：设置原型
  const result = ctor.apply(obj, args); // 步骤3：this 绑定为 obj 并执行
  return (result !== null && typeof result === 'object') ? result : obj; // 步骤4：返回
}

注意 ctor.apply(obj, args) 这一行：正是通过 apply 显式把 this 设为 obj，才让构造函数内部的 this 指向了新实例。