JS中的几种对象创建模式

JS中的几种对象创建模式

写在前面:如果此篇博客中有任何错误的地方,欢迎大家的指正!让我们共同进步!
如果觉得这篇博客有用就点赞+收藏+关注三连吧!


JS中的对象创建模式分为五种:这篇博客将会分别剖析每一种创建模式的优劣。
在这里插入图片描述


方式一、Object构造函数模式
在这里插入图片描述


方式二、对象字面量模式
在这里插入图片描述


方式三、工厂模式
在这里插入图片描述
在这里插入图片描述
前三种方法虽然都是对象的创建方法,但是用typeof方法对其进行判定的时候,都会返回Object类型。为了更好的表现各种类型间的关系,我们引入了接下来的自定义构造函数模式。


方式四、自定义构造函数模式
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
这里的setName虽然功能和名字相同,但是每一个Person对象都有一个单独的setName函数,不是同一个,在堆内存中指向不同的地址,因此浪费内存。

为了弥补这一缺陷,我们又引入了另外一种组合的对象创建模式。


方式五、构造函数+原型的组合模式
在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_45664402/article/details/109169773