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

3次阅读

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免费学习笔记(深入)”;

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

语鲸

AI智能阅读辅助工具

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

查看详情 JavaScript new操作符做了什么_它如何创建实例?

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

text=ZqhQzanResources