js中创建对象的方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js中创建对象的方法相关的知识,希望对你有一定的参考价值。

第一种方法:

字面量的形式进行创建对象

技术分享图片

第二种方法:

使用Object构造函数创建对象

技术分享图片

总结:其实第一种方法和第二种方法创建的方式是一样,只是写法不一样,不能复用。

第三种方法:

利用构造函数进行创建对象

技术分享图片

注意:使用构造函数创建出来的每一个对象,都会独立开辟出来一块空间进行存储数据,那么对于对象的方法而言,实现的功能和代码都是完全相同的,但是却存有多个不同的副本,多个不同的方法,那么就会是内存空间的一种浪费,资源的浪费,所有我们可以将对象需要共享的属性(包括方法)放在原型对象上。

第四种方法:

利用原型对象创建对象

技术分享图片

第五种方法:

构造函数+原型对象

技术分享图片

总结:一般采用这种方法进行创建对象,可以节约内存空间。

第六种方法:

技术分享图片

注意:这种方法也存在着内存空间浪费的问题,以及无法知道对象的类型的问题。

最后总结:我们一般采用第五种 方法  构造函数+原型对象 这种方法。

以上是关于js中创建对象的方法的主要内容,如果未能解决你的问题,请参考以下文章

js中创建对象方式----原型模式

JS中创建对象的方法

在 React js 中创建 Date 对象的有效方法

JS中创建对象的三种方式

jS 中创建对象:

js中创建对象的5种方法