new调用构造函数时，this自动绑定到新创建的空对象，该对象继承自构造函数的prototype；引擎执行四步：创建空对象、设置[[prototype]]、以新对象为this执行函数体、按返回值决定最终结果。
在 JavaScript 中，使用 new 调用构造函数时，this 会自动绑定到一个新创建的空对象，该对象继承自构造函数的 prototype。这个过程是 JS 引擎内部完成的，不需要手动干预。
new 调用时 this 的初始化流程
当执行 new Foo() 时，JS 引擎按以下四步处理：
- 创建一个全新的空对象（即实例）
- 将该对象的
[[Prototype]]指向Foo.prototype - 以该新对象为
this，执行Foo函数体（即调用构造逻辑） - 若构造函数显式返回一个非
null的对象，则返回该对象；否则返回新创建的对象
构造函数内 this 的行为特点
在构造函数体内，this 就是即将被返回的实例对象，可直接为其添加属性和方法：
例如：
dmap-jsapi-skill
下载
DMap GL地图JSAPI（dmapgl）开发指南。用于编写、审查、调试 DMap 地图 API 代码，涵盖地图初始化、覆盖物渲染、图层管理、事件处理、控件交互等任务。当用户提及 dmap、dmapgl、jsapi‑gl 或相关地图开发需求时自动触发。
function Person(name) {
this.name = name; // ✅ this 指向新实例
this.sayHi = function() {
return `Hi, I'm ${this.name}`;
};
}
const p = new Person('Alice');
console.log(p.sayHi()); // "Hi, I'm Alice"
常见误区与注意事项
以下情况会影响 this 的预期绑定，需特别留意：
- 忘记写
new：直接调用Person('Bob')会导致this指向全局对象（非严格模式）或undefined（严格模式），极易引发错误 - 构造函数返回值覆盖：若函数
return { x: 1 }，则new Person()不再返回实例，而是返回该对象；返回原始值（如return 42）则被忽略，仍返回实例 - 箭头函数不能作为构造函数：调用
new (() => {})会抛出TypeError，因其没有prototype且不支持new绑定
现代替代方案（类语法）中的 this 初始化
ES6 class 本质仍是基于原型的构造函数语法糖，new 行为一致：
例如：
class Animal {
constructor(name) {
this.name = name; // this 仍由 new 自动绑定为新实例
}
}
const dog = new Animal('Buddy');
注意：constructor 内部的 this 已就绪，可安全赋值；但若在 super() 前访问 this（子类中），会报错——因为父类构造尚未完成初始化。
