JavaScript 中 new 运算符的底层执行机制

作者:拾光

时间:2026-10-24

浏览:388

本文解析JavaScript中new运算符创建对象的实质过程。通过《悟透JavaScript》的视角,详细阐述new操作的三个关键步骤:首先创建新对象,其次将内置原型指向构造函数的prototype属性,最后以新对象为this调用构造函数完成初始化。

文章目录

JavaScript new 运算符的执行机制

此前虽然对相关知识有所掌握,但未能清晰阐释,也未曾深入探究。今日阅读《悟透JavaScript》时,作者的解释让人豁然开朗。



以下摘录作者的观点,其表述十分清晰:




采用 var anObject = new aFunction() 这种语法形式来实例化对象,其内部执行过程实际上包含三个连续步骤:



第一步,系统会创建一个全新的空对象;


第二步,将该新对象的内部原型属性([[Prototype]])设置为构造函数 prototype 属性所指向的那个原型对象;


第三步,将该新对象作为 this 参数传递给构造函数进行调用,从而执行成员赋值及其他初始化逻辑。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章