JavaScript new操作符做了什么_它如何创建实例？-js教程-PHP中文网

JavaScript new操作符做了什么_它如何创建实例？

幻影之瞳

发布： 2025-12-15 07:37:07

原创

513人浏览过

new操作符执行四步：1.创建空对象；2.绑定原型到构造函数prototype；3.以该对象为this执行构造函数，若返回对象则用其替换实例，否则返回实例；4.返回最终对象。

javascript new操作符做了什么_它如何创建实例？

new 操作符不是简单地“分配内存”或“调用构造函数”，而是一套有明确顺序的四步操作：它先创建空对象，再绑定原型，接着执行构造函数，最后决定返回值。

1. 创建一个空的普通对象

JavaScript 引擎内部会调用 Object.create(null) 或等效机制，生成一个不带任何自有属性的空对象。这个对象的 __proto__（即内部 [[Prototype]]）暂未设置，等待下一步绑定。

2. 将新对象的原型指向构造函数的 prototype

引擎把上一步创建的对象的 [[Prototype]] 链接到构造函数的 prototype 属性上。这意味着后续通过 instance.method() 调用的方法，能顺着原型链找到构造函数 prototype 上定义的函数。

例如：

立即学习“Java免费学习笔记（深入）”；

风车Ai翻译

跨境电商必备AI翻译工具

407

查看详情

function Person(name) { this.name = name; }
Person.prototype.sayHi = function() { return 'Hi ' + this.name; };
const p = new Person('Alice');
// p.__proto__ === Person.prototype → true
// p.sayHi() 正确执行，因为 sayHi 在原型上

登录后复制

3. 以新对象为 this，执行构造函数

构造函数被调用，且 this 绑定到刚创建的那个空对象。所有对 this.xxx = yyy 的赋值，都变成向该实例添加自有属性。

如果构造函数显式返回一个**对象类型**（包括数组、函数、正则等），new 表达式最终就返回那个对象；
如果返回原始值（string/number/boolean/null/undefined）或没写 return，new 就自动返回第一步创建的那个实例对象。

4. 返回最终对象（通常就是实例本身）

这一步看似简单，但决定了你能不能“覆盖”实例。比如：

function BadConstructor() {
  this.value = 42;
  return { custom: true }; // ✅ 返回对象 → new BadConstructor() 得到 { custom: true }
}
function GoodConstructor() {
  this.value = 42;
  return 'oops'; // ❌ 返回字符串 → 被忽略，仍返回实例
}

登录后复制

基本上就这些。理解这四步，就能明白为什么 new 不可替代——它同时处理了原型继承、this 绑定和返回逻辑，缺一不可。

以上就是JavaScript new操作符做了什么_它如何创建实例？的详细内容，更多请关注php中文网其它相关文章！