如何手动模拟JavaScript中的new操作符功能？

本文共计711个文字，预计阅读时间需要3分钟。

目录 + 构造函数 + new + 操作符 + 自实现一个 + new + 构造函数 + 在介绍new之前，必须知道什么是构造函数。构造函数和普通函数在写法上没有区别。当一个函数通过new + Fun()调用时，就称为构造函数。

目录

• 构造函数
• new 操作符
• 自己实现一个 new

构造函数

在介绍new之前，必须要知道什么是构造函数。

构造函数和普通函数在写法上没有任何区别，当一个函数通过new Fun()调用时，就叫做构造函数，构造函数首字母通常大写。

function User(name) { this.name = name; } let u = new User('leo');

这里，User就是构造函数，当然你也可以直接调用User()，但是这样就起不到创建实例的作用，在非严格模式下，会把name属性挂在window上。

new 操作符

那么new操作符到底做了什么事情呢，可以创建出一个实例？

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

1.创建一个空的简单JavaScript对象（即**{}**）；

2.链接该对象（即设置该对象的构造函数）到另一个对象 ；

3.将步骤1新创建的对象作为**this**的上下文 ；

4.如果该函数没有返回对象，则返回**this**。