1. 基本原理概览
在 JavaScript 的语言层面，new 操作符用于创建对象实例，它遵循一组明确的规则来初始化一个全新的对象。核心要点包括：1) 创建一个全新的对象；2) 将该对象的原型指向构造函数的 prototype；3) 以新对象作为 this 执行构造函数；4) 根据构造函数的返回值决定最终返回对象。如果构造函数显式返回一个对象，则返回该对象；如果返回原始值或没有返回，则返回新创建的对象。
new 的工作机制依赖于两个隐式行为：一是原型链，二是 this 的绑定。通过将实例的原型指向构造函数的 prototype，使实例能够继承共享的方法；通过将构造函数内部的 this 绑定到新对象，确保属性与方法正确地附加到实例上。
下面的示例直观地展示了这一过程中的关键要点：
function Person(name) {this.name = name;this.greet = function() {console.log('Hello, ' + this.name);};
}
const p = new Person('Alice');
p.greet(); // Hello, Alice
1.1 new 的核心要点及要素
要点一：原型指向：新对象的原型（[[Prototype]]）被设定为构造函数的 prototype，因此实例能够访问原型上的方法。要点二：this 的绑定：构造函数在新对象上执行，使得 this.name、this.say 等属性写入到实例上。要点三：返回值规则：若构造函数返回的是对象，则该对象作为结果返回；若返回的是原始值或不返回，则返回新创建的对象。
这三点共同决定了使用 new 创建对象时的行为与结果。
1.2 与构造函数的关系
构造函数本质上是一类初始化模板，通过 new 调用时，模板会在一个独立的实例上执行初始化逻辑。原型对象中的方法对所有实例共享，避免重复复制；实例属性通常在构造函数内部定义，确保每个实例有独立的状态。
对比基础示例，若构造函数没有显式返回对象，结果就是新创建的实例，否则返回对象本身。
2. new 的执行流程
步骤一：创建新对象。在执行 new 表达式时，系统会先创建一个空对象，作为待返回的实例。
步骤二：设置原型。新对象的 [[Prototype]] 指向构造函数的 prototype，从而让实例能够访问原型上的共有属性和方法。
步骤三：绑定 this 并执行构造函数。构造函数以新对象作为 this 调用，通常在里面给对象添加属性、绑定方法。
步骤四：返回处理。如果构造函数显式返回一个对象，则新表达式的结果就是该对象；否则返回新创建的对象。若返回原始值则会被忽略。
下面的对比示例展示了不同的返回值行为：
function A(x) { this.x = x; }
const a1 = new A(1);
// a1 是 A 的实例，且 a1.x === 1function B() { this.y = 2; return { y: 3 }; }
const b = new B();
// b 指向的是 { y: 3 }，而不是内置的 B 的实例
2.1 new.target 的辅助用法
new.target 可以在构造函数内部判断当前是通过 new 调用还是普通调用；在普通调用时 new.target 为 undefined，帮助实现统一的初始化逻辑。
示例：
function C() {if (!new.target) {return new C(...arguments);}this.n = 1;
}
const c1 = C(); // 通过普通调用，内部转为 new C()
3. 常见坑点与误解
最常见的坑是没有使用 new 就直接调用构造函数，此时 this 将指向全局对象，导致属性被意外挂载到全局作用域，浏览器环境下可能污染全局对象，造成潜在 bug。
另一个坑是将构造函数定义为箭头函数。箭头函数没有自己的 this、也不能作为构造函数使用，使用 new 会抛出错误：Arrow function cannot be used as a constructor。
还有返回值的坑：构造函数返回原始值时不会影响最终返回对象，最终返回的仍然是通过 new 创建的对象，这一点常被后续代码误解。
function D() { this.z = 9; return 42; } // 返回原始值
const d = new D();
console.log(d.z); // 9
如果构造函数显式返回一个对象，new 的结果会变成该对象，这在某些设计中可能有意为之，但也要避免让实例失去原本的原型链和所属关系。
function E() { this.e = 5; return { custom: 'object' }; }
const e = new E();
console.log(e.custom); // 'object'
console.log(e instanceof E); // false
实现层面的坑点：原型链和原型对象的理解。理解原型对象是实现继承的关键，new 操作符让实例在原型上共享方法，而非逐个复制，有助于降低内存开销并保持行为一致性。
4. 原型链、构造函数与类语法的关系
原型链的核心关系是：实例的 __proto__ 指向构造函数的 prototype，这使得实例能够通过原型对象访问到共有的方法与属性。
构造函数与类语法的关系：class 语法只是对构造函数的一层语法糖，内部仍然使用 new 来创建实例，并将方法定义在原型上。理解 this 的绑定对于调试和扩展尤为关键。
class F {constructor(name) {this.name = name;}greet() {console.log('Hello ' + this.name);}
}
const f = new F('Zoe');
f.greet(); // Hello Zoe
类的静态方法与实例方法的区分：静态方法存在于构造函数本身上，与原型链无关；实例方法则放在原型上，供实例通过 this 访问。
function G(name) { this.name = name; }
G.prototype.say = function(){ console.log(this.name); };const g = new G('Kai');
5. 实践中的案例分析
案例一：自定义一个简单的构造函数并模拟 new 行为，在需要手动控制对象创建过程时，可以实现一个自定义的创建函数来模仿 new 的流程。
下面给出一个自定义的新实现，模仿 new 的流程以便理解对象创建的全部环节：
function _new(constructor, ...args) {const obj = Object.create(constructor.prototype);const ret = constructor.apply(obj, args);// 如果返回的是对象/函数，就返回该对象，否则返回 objreturn (ret && (typeof ret === 'object' || typeof ret === 'function')) ? ret : obj;
}// 使用示例
function Person(name) { this.name = name; }
const person = _new(Person, 'Liu');
案例二：通过安全入口解决忘记使用 new 的问题，在一些库或工具函数中，常见做法是在入口处检测 this 的绑定，以确保始终得到一个实例。
function SafeBox(name) {if (!(this instanceof SafeBox)) {return new SafeBox(name);}this.name = name;
}
const s = SafeBox('Tom');
console.log(s.name); // Tom
console.log(s instanceof SafeBox); // true
