JS中new操作符做了什么？

ゝ一纸荒年。 2021-08-28 21:53 306阅读 0赞

### 1.new操作符做了什么 ###

new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。new 关键字会进行如下的操作：  
创建一个空的简单JavaScript对象（即\{\}）；  
链接该对象（即设置该对象的构造函数）到另一个对象 ；  
将步骤1新创建的对象作为this的上下文 ；  
如果该函数没有返回对象，则返回this。

### 2.简单实现 ###

function create(Con, ...args){ 
      // 创建一个空的对象
      let  obj = Object.create(null);
      // 将空对象指向构造函数的原型链
      Object.setPrototypeOf(obj, Con.prototype);
      // obj绑定到构造函数上，便可以访问构造函数中的属性，即obj.Con(args)
      let result = Con.apply(obj, args);
      // 如果返回的result是一个对象则返回
      // new方法失效，否则返回obj
      return result instanceof Object ? result : obj;
    }
    
    // 测试
    function company(name, address) { 
        this.name = name;
        this.address = address;
      }
    
    var company1 = create(company, 'yideng', 'beijing');
    console.log('company1: ', company1);

--------------------

> 作者：**Vam的金豆之路**
> 
> 主要领域：**前端开发**
> 
> 我的微信：**maomin9761**
> 
> 微信公众号：**前端历劫之路**
> 
> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MDQ1NjQ1_size_16_color_FFFFFF_t_70][]

--------------------

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MDQ1NjQ1_size_16_color_FFFFFF_t_70]: /images/20210813/918a002474bc4dc092532124a6db68cd.png

发表评论取消回复

表情：

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

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

相关阅读

相关 new 操作符具体干了什么？

故心故心故心故心小故冲啊 -------------------- 文章目录 new共经历了四个过程。 1、创建了一个空对象 2、设置

秒速五厘米/ 2023年01月10日 13:06/ 0 赞/ 110 阅读

相关 js 面试题 new 操作符都做了哪些事

先看代码 var Func=function(){ }; var func=new Func (); 代码中new Func() js

港控/mmm°/ 2022年12月26日 04:45/ 0 赞/ 132 阅读

相关 [JavaScript]new操作符做了什么？如何实现一个 new?

做了什么？ 1、创建了一个空的js对象（即\{\}） 2、将空对象的原型prototype指向构造函数的原型 3、将空对象作为构造函数的上下文（改变this指向）

- 日理万妓/ 2022年12月10日 14:40/ 0 赞/ 153 阅读

相关 js new的封装及做了什么

//创建Person构造函数，参数为name,age function Person(name,age){ this.name = name;

蔚落/ 2022年10月01日 06:43/ 0 赞/ 111 阅读

相关在JS中，new关键字做了什么

new关键字 1. 先看代码 2. 内部具体实现如下 1. 先看代码 function Person(){

た入场券/ 2022年09月03日 10:20/ 0 赞/ 121 阅读

相关 js中使用new操作符做了什么事情

例：var obj = new Base(); 该步一共做了三件事：即 var obj = {}; obj.__proto__ =

野性酷女/ 2022年06月07日 23:08/ 0 赞/ 205 阅读

相关 new 操作符具体干了什么？

new共经历了四个过程。 var fn = function () { }; var fnObj = new fn(); 1、创建了一个空对象 v

我会带着你远行/ 2022年06月06日 06:51/ 0 赞/ 183 阅读

相关 new操作符到底干了什么

之前一直很迷惑new一个函数到底是个啥，笔记本上到处戳戳，还有不同时期的不同理解。理解A：new X 是创建一个继承X.prototype的对象。理解B：使用new调用一个函数

秒速五厘米/ 2022年01月20日 08:49/ 0 赞/ 284 阅读

相关 C#的new操作符到底做了什么

使用new操作符来创建对象，其背后到底发生了什么？有一个父类Animal,Dog派生于Animal。 class Program { s

浅浅的花香味﹌/ 2021年10月23日 11:30/ 0 赞/ 533 阅读

相关 JS中new操作符做了什么？

1.new操作符做了什么 new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。new 关键字会进行如下的操作：创建一个空的简单JavaSc

ゝ一纸荒年。/ 2021年08月28日 21:53/ 0 赞/ 307 阅读