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

假设Test是一个构造函数，通常在创建对象的实例时，要使用new，eg:test = new Test() ， 那么在调用new的时候，发生了什么呢？

步骤如下：
1.一个继承自 Test.prototype 的新对象被创建。可以理解为：

// 创建一个空对象，继承构造函数的prototype（继承公共方法）
let temp = {};
temp.__proto__ = Test.prototype

2.使用指定的参数调用构造函数 Test ，并将 this 绑定到新创建的对象。new Test 等同于 new Test()，也就是没有指定参数列表，Test 不带任何参数调用的情况。可以理解为：

// 绑定this到新创建的对象，执行构造函数（创建实例的成员变量）
 Test.call(temp)

3.由构造函数返回的对象就是 new 表达式的结果。如果构造函数没有显式返回一个对象，则使用步骤1创建的对象。（一般情况下，构造函数不返回值，但是用户可以选择主动返回对象，来覆盖正常的对象创建步骤）

//默认情况下，返回最初创建的对象，也可以主动返回对象进行覆盖
test = temp

如果主动返回的不是对象，则会被无视，还是使用最初创建的对象

function Test() {
        return 'test-string'
}

console.log(new Test()) // Test {} 返回的是空对象，为Test的实例

注意：

1. 箭头函数不能作为构造函数，因为箭头函数没有自己的this，所以不可以使用new，会报错！
2. 如果构造函数在调用时，没有加new操作符，执行过程中this会为window/undefined，无法正常生成实例。

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://fly63.com/article/detial/1981