new的原理是什么？new的模拟实现？通过new的方式创建对象和通过字面量创建有什么区别？

迈不过友情╰ 2022-10-13 02:24 63阅读 0赞

### 文章目录 ###

*  new
 *  实现new
 *  通过new的方式创建对象和通过字面量创建有什么区别？
 *  重要参考

# new #

一句话介绍 new:

> `new` **运算符**创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。(来自MDN)

**new 关键字会进行如下的操作：**

1.  创建一个空的简单JavaScript对象（即`{}`）；
2.  链接该对象（设置该对象的`constructor`）到另一个对象 ；
3.  将步骤1新创建的对象作为`this`的上下文 ；
4.  如果该函数没有返回对象，则返回`this`。

# 实现new #

**new 关键字进行的操作：**

1.  创建一个空的简单JavaScript对象（即`{}`）；
2.  链接该对象（设置该对象的`constructor`）到另一个对象 ；（ 通俗理解就是新对象隐式原型\_\_proto\_\_链接到构造函数显式原型prototype上。）
3.  将步骤1新创建的对象作为`this`的上下文 ；（ 实际是执行了构造函数 并将构造函数作用域指向新对象 ）
4.  如果该函数没有返回对象，则返回`this`。（ 实际是返回一个空对象， new Object()就是返回一个空对象\{\} ）

**由于无法模拟JS关键字，我们只能创建一个函数myNew来模拟。这个函数当中，第一个参数就是构造函数，第二个参数开始，是构造函数中的参数。**

使用 apply，改变构造函数 this 的指向到新建的对象，这样 obj 就可以访问到构造函数中的属性，并带参执行函数。

如果构造函数有返回值，则返回；否则，就会默认返回新对象。

**但是，new这个关键字，并不是所有返回值都原封不动地返回的。如果返回的是`undefined`，`null`以及`基本类型`的时候，都会返回新的对象；而只有返回对象的时候，才会返回构造函数的返回值。**

**因此，我们要判断result是不是object类型，如果是object类型，那么就返回result，否则，返回obj。**

下面是实现new的代码：

# 通过new的方式创建对象和通过字面量创建有什么区别？ #

**字面量创建对象，不会调用 `Object`构造函数, 简洁且性能更好;**

因为你使用 `new Object()` 的方式创建对象需要调用`Object()`构造函数，本质上是方法调用，涉及到在`__proto__`链中遍历该方法，当找到方法后，会产生调用方法必须的堆栈信息，方法结束后，需要释放堆栈，在性能上不如使用字面量的方式创建对象。

# 重要参考 #

*  [new 运算符 - JavaScript | MDN https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/new][new _ - JavaScript _ MDN https_developer.mozilla.org_zh-CN_docs_Web_JavaScript_Reference_Operators_new]
 *  [JavaScript深入之new的模拟实现 https://juejin.cn/post/6844903476766441479][JavaScript_new_ https_juejin.cn_post_6844903476766441479]
 *  [js实现一个 new（通俗易懂）\_xiaofei-CSDN博客 https://blog.csdn.net/qq\_39953537/article/details/100524524][js_ new_xiaofei-CSDN_ https_blog.csdn.net_qq_39953537_article_details_100524524]
 *  [前端面试题——自己实现new - 知乎 https://zhuanlan.zhihu.com/p/84605717][new - _ https_zhuanlan.zhihu.com_p_84605717]
 *  [new 的原理是什么？通过 new的方式创建对象和通过字面量创建有什么区别？\_y\_xiuzhu的博客-CSDN博客 https://blog.csdn.net/haotian1997/article/details/114577800][new _ new_y_xiuzhu_-CSDN_ https_blog.csdn.net_haotian1997_article_details_114577800]

[new _ - JavaScript _ MDN https_developer.mozilla.org_zh-CN_docs_Web_JavaScript_Reference_Operators_new]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/new
[JavaScript_new_ https_juejin.cn_post_6844903476766441479]: https://juejin.cn/post/6844903476766441479
[js_ new_xiaofei-CSDN_ https_blog.csdn.net_qq_39953537_article_details_100524524]: https://blog.csdn.net/qq_39953537/article/details/100524524
[new - _ https_zhuanlan.zhihu.com_p_84605717]: https://zhuanlan.zhihu.com/p/84605717
[new _ new_y_xiuzhu_-CSDN_ https_blog.csdn.net_haotian1997_article_details_114577800]: https://blog.csdn.net/haotian1997/article/details/114577800