J*aScript new操作符做了什么_它如何创建实例？_石家庄创泽智能科技有限公司

新闻中心 NEWS CENTER

您当前位置：首页 > 新闻中心 > 网络学院

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

2025-12-15

浏览次数：次

返回列表

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

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

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

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

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

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

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

例如：

星声AI

可分享的AI播客内容生成器和效率工具

185 查看详情星声AI

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 绑定和返回逻辑，缺一不可。

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

# 就能 # 云南网站建设及优化研究 # 宝坻seo排名公司 # 杭州建德营销推广 # 网站优化如何评价 # 广州seo网站推广技巧 # 工作室网站建设框架图 # seo本质是违法吗 # 长乐区企业seo推广 # seo项目怎么写 # seo一定要备案吗 # 相关文章 # 你能 # javascript # 能做什么 # 内存管理 # 如何实现 # 如何用 # 如何使用 # 用它 # 绑定 # 为什么 # yy # new操作符 # go # java