new操作符执行四步：1.创建空对象；2.绑定原型到构造函数prototype；3.以该对象为this执行构造函数，若返回对象则用其替换实例，否则返回实例；4.返回最终对象。
new 操作符不是简单地“分配内存”或“调用构造函数”，而是一套有明确顺序的四步操作：它先创建空对象，再绑定原型，接着执行构造函数，最后决定返回值。
1. 创建一个空的普通对象
JavaScript 引擎内部会调用 Object.create(null) 或等效机制，生成一个不带任何自有属性的空对象。这个对象的 __proto__（即内部 [[Prototype]]）暂未设置，等待下一步绑定。
2. 将新对象的原型指向构造函数的 prototype
引擎把上一步创建的对象的 [[Prototype]] 链接到构造函数的 prototype 属性上。这意味着后续通过 instance.method() 调用的方法，能顺着原型链找到构造函数 prototype 上定义的函数。
例如：
立即学习“Java免费学习笔记（深入）”；
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操作符做了什么_它如何创建实例？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1542402.html
微信扫一扫 
支付宝扫一扫 
