首页 关于我们 成功案例 网络营销 电商设计 新闻中心 联系方式
QQ联系
电话联系
手机联系

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

发布时间:2025-12-15 07:37
发布者:网络
浏览次数:
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

可分享的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操作符做了什么_它如何创建实例?的详细内容,更多请关注其它相关文章!


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