JavaScript -- new 运算符

古城微笑少年丶 2022-03-26 14:18 222阅读 0赞

开门见山,new 运算符的操作步骤

当代码 `new `*`Foo`*`(...)` 执行时，会发生以下事情：

1.  一个继承自 *`Foo`*`.prototype` 的新对象被创建。
2.  使用指定的参数调用构造函数 `Foo` ，并将 this 绑定到新创建的对象。`new Foo` 等同于 `new `*`Foo`*`()`，也就是没有指定参数列表，*`Foo`* 不带任何参数调用的情况。
3.  由构造函数返回的对象就是 `new` 表达式的结果。如果构造函数没有显式返回一个对象，则使用步骤1创建的对象。（一般情况下，构造函数不返回值，但是用户可以选择主动返回对象，来覆盖正常的对象创建步骤

简单模拟一下new 运算符

function myNew (func) {
              const o = Object.create(func.prototype);
              const k = func.call(o);
              if ( typeof k === "object") return k;
              else return o;
          }

简单验证一下

function M () {
               this.name = "cyl";
           }
           function F() {
               this.name = "666";
               return {};
           }
          function myNew (func) {
              const o = Object.create(func.prototype);
              const k = func.call(o);
              if ( typeof k === "object") return k;
              else return o;
          }
          const my = myNew(M);
          const f = myNew(F);
          console.log(my);
          console.log(f);

![2019011714391915.png][]

[2019011714391915.png]: /images/20220326/ca498ebc0f0440529bf9b537eaf7b40e.png

发表评论取消回复

表情：

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

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

相关阅读

相关 JS new运算符

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

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

相关 JavaScript-特殊运算符的使用方法汇总使用（new、delete、typeof、.、[ ]）

JS 特殊运算符 new 运算符 `new` 运算符用于创建一个对象。例如： var today = new Date(); //创建一个当前系统日期

桃扇骨/ 2023年06月09日 15:28/ 0 赞/ 23 阅读

相关 new 运算符的原理

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

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

相关 new运算符的过程

1、创建一个空对象，作为将要返回的对象实例。 2、将这个空对象的原型，指向构造函数的prototype属性。 3、将这个空对象赋值给函数内部的this关键字（apply

红太狼/ 2023年05月31日 12:08/ 0 赞/ 44 阅读

相关 JavaScript -- new 运算符

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

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

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

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

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

相关 JavaScript += 运算符

JavaScript += 运算符 += 是加法赋值运算符，先进行加法运算，然后再赋值。

红太狼/ 2020年05月24日 16:09/ 0 赞/ 1269 阅读

相关 JavaScript -= 运算符

JavaScript -= 运算符 -= 是减法赋值运算符，先进行减法运算，然后再赋值。

红太狼/ 2020年05月24日 16:07/ 0 赞/ 1090 阅读

相关 JavaScript >>= 运算符

JavaScript >>= 运算符 \>>= 是有符号右移赋值运算符，先进行有符号右移运算，然后再赋值。

红太狼/ 2020年05月24日 15:49/ 0 赞/ 822 阅读

相关 JavaScript ^= 运算符

JavaScript ^= 运算符 ^= 是按位异或赋值运算符，先进行按位异或运算，然后再赋值。

红太狼/ 2020年05月24日 15:45/ 0 赞/ 1192 阅读