JavaScript：new操作符

一、new操作符的作用

用于创建一个给定构造函数的实例对象

new操作符创建一个用户定义的对象类型的实例 或 具有构造函数的内置对象的实例。

二、new一个构造函数的执行过程

2.1、创建一个空对象obj
2.2、将空对象的原型与构造函数的原型连接起来
2.3、将构造函数中的this绑定到新建对象 / 空对象作为构造函数的上下文 / 改变this指向
2.4、返回该对象 / 对构造函数返回值的处理判断 / 如果该函数没有返回对象，则返回 this

new 通过构造函数创建出来的实例可以访问到构造函数中的属性或方法

三、手写new

3.1、手写new

 function myNew(Func,...args){
     const obj = {}
     obj.__proto__=Func.prototype;
     let result = Func.apply(obj,args);
     return result instanceof Object ?result:obj;
 }

3.2、测试myNew

function Singer (name) {
    this.name = name
}

let S1 = myNew(Singer, "费玉清")

console.log(S1)
console.log(S1.__proto__ === Singer.prototype)

3.3、执行

  

四、new的意义，为什么需要new

https://www.cnblogs.com/onepixel/p/5043523.html

new 运算符 - JavaScript | MDN

五、相关内容

JavaScript：构造函数_snow@li的博客-CSDN博客

六、参考链接

【JS】十五、new操作符具体做了什么？_哔哩哔哩_bilibili

https://www.cnblogs.com/onepixel/p/5043523.html

new操作符_苦尽东来的博客-CSDN博客