new 运算符的原理

末蓝、 2023-06-02 09:17 3阅读 0赞

## 关于 new 运算符的原理： ##

![1731684-20190821200749578-1117845049.png][]

### 1、红宝书上解释： ###

（1）创建一个新对象

（2）将构造函数的作用域赋给新对象

（3）执行构造函数中的代码

（4）返回新对象

### 2、MDN上的解释： ###

（1）一个继承自 Foo.prototype 的新对象被创建

（2）使用指定的参数调用构造函数 Foo，并将 this 绑定到新创建的对象。new Foo 等同于 new Foo()，也就是没有指定参数时，Foo 不带任何参数调用的情况

（3）如果构造函数返回了一个“对象”，那么这个对象会取代整个 new 出来的结果。如果构造函数没有返回对象，那么 new 出来的结果为步骤（1）创建的对象

### 3、总结： ###

使用 new 运算符时，其实就做了这三件事：

// 创建了一个空对象 obj，并将这个空对象的__proto__成员指向 Foo 函数对象 prototype 成员对象
    var obj  = {};
    obj.__proto__ = Foo.prototype;
    
    // 将 Foo 函数对象的 this 指针替换成 obj，然后再调用Foo函数
    Foo.call(obj);
    
    // 判断实例类型是否为对象，是则返回实例，否则返回构造函数
    if (typeof obj === 'object') {
        return obj;
    } else {
        return Foo;
    }

也就是说，函数内部发生了以下变化：

（1）创建一个新对象，并继承构造函数 Foo 的原型对象 Foo.prototype

（2）构造函数 Foo 被执行，执行时传入相应的参数，并将 this 指定为新的实例

（3）判断实例是否为对象，是则返回实例，否则返回构造函数

转载于:https://www.cnblogs.com/Leophen/p/11391091.html

[1731684-20190821200749578-1117845049.png]: /images/20230601/55467756a45344048b80f1d17f6e7783.png

发表评论取消回复

表情：

评论列表（有 0 条评论，3人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS new运算符

new 是一个运算符，可以创建对象，初始化实例。其语法格式如下： > 1. `new contructor(arguments)` constructor 必须是一个构造

r囧r小猫/ 2024年03月31日 10:47/ 0 赞/ 49 阅读

相关 C++ 重载new和delete运算符

内存管理运算符 new、new\[\]、delete 和 delete\[\] 也可以进行重载，其重载形式既可以是类的成员函数，也可以是全局函数。一般情况下，内建的内存管理运算

蔚落/ 2023年07月15日 09:10/ 0 赞/ 2 阅读

相关 new 运算符的原理

关于 new 运算符的原理： ![1731684-20190821200749578-1117845049.png][] 1、红宝书上解释：（1）创建一个新对象

末蓝、/ 2023年06月02日 09:17/ 0 赞/ 4 阅读

相关【2021春招】new 运算符操作过程

new 运算符操作过程当一个函数被使用 `new` 运算符执行时，它按照以下步骤：一个新的空对象被创建并分配给 `this`。函数体执行。通常它会修改 `th

冷不防/ 2023年01月10日 05:23/ 0 赞/ 105 阅读

相关 java中new是运算符么,为什么在Java中将new称为运算符？

![Image 1][] Why is new keyword called an operator in Java? I know that new dynamicall

比眉伴天荒/ 2022年08月29日 14:55/ 0 赞/ 61 阅读

相关 c++内存泄露之重载new运算符

C++程序的复杂性很大一部分在于他的内存管理，没有C\那样的垃圾回收机制，内存管理对初学者来说很困难。经常会出现内存泄露的情况。那么我们写程序如何避免内存泄露呢？首先我们需要知

我不是女神ヾ/ 2022年08月07日 01:33/ 0 赞/ 154 阅读

相关 js new原理

（1）创建一个新对象 var obj=\{\} （2）构造继承关系 obj.\_\_proto\_\_=原型.prototype （3）调用构造函数并传参，将this指

水深无声/ 2022年05月31日 03:15/ 0 赞/ 152 阅读

相关 JavaScript -- new 运算符

开门见山,new 运算符的操作步骤当代码 `new ``Foo``(...)` 执行时，会发生以下事情： 1. 一个继承自 `Foo``.prototype` 的新对象

古城微笑少年丶/ 2022年03月26日 14:18/ 0 赞/ 190 阅读

相关 Web前端面试对new运算符的理解

大家都常用new运算符，但是new运算符背后的原理是什么？答：首先new运算符后面跟的是一个构造函数，new运算符的第一个步骤就是新的对象被创建，可以理解为一个字面量对

Bertha 。/ 2022年02月22日 01:39/ 0 赞/ 140 阅读

相关 C++ | 运算符new和delete

简介：　　在C中使用函数malloc和free动态分配内存和释放动态分配的内存，C++使用运算符new和delete来执行一样的操作，但在C++中仍然保存的malloc和f

ゝ一世哀愁。/ 2021年10月23日 10:29/ 0 赞/ 350 阅读