一、是什么
在JavaScript
中,new
操作符用于创建一个给定构造函数的实例对象
例子
1 | function Person(name, age){ |
从上面可以看到:
new
通过构造函数Person
创建出来的实例可以访问到构造函数中的属性new
通过构造函数Person
创建出来的实例可以访问到构造函数原型链中的属性(即实例与构造函数通过原型链连接了起来)
现在在构建函数中显式加上返回值,并且这个返回值是一个原始类型
1 | function Test(name) { |
可以发现,构造函数中返回一个原始值,然而这个返回值并没有作用
下面在构造函数中返回一个对象
1 | function Test(name) { |
从上面可以发现,构造函数如果返回值为一个对象,那么这个返回值会被正常使用
二、流程
从上面介绍中,我们可以看到new
关键字主要做了以下的工作:
- 创建一个新的对象
obj
- 将对象与构建函数通过原型链连接起来
- 将构建函数中的
this
绑定到新建的对象obj
上 - 根据构建函数返回类型作判断,如果是原始值则被忽略,如果是返回对象,需要正常处理
举个例子:
1 | function Person(name, age){ |
手写new 操作符
1 | function my new(Func,..args){ |
原型链:obj->Func.prototype->Object.prototype->null
当无返回值或者返回值不是对象,则obj作为新的对象返回,否则将返回值作为新的对象返回,当构造函数return的是简单的基本数据类型(undefined,数字,字符串,布尔值)能够正确new出想要的对象,如果构造函数return的是对象,那么我们new完得不到想要的对象