一个类可以创建多个对象,javascript中创建对象的三种方法

  一个类可以创建多个对象,javascript中创建对象的三种方法

  JavaScript如何创建多个对象?Javascript是一种创建多个对象的面向对象的方法。哪个最好?字面量?工厂模式方法?构造函数方法?原型法?原型加构造器方法?你进来就知道了。

  在开发过程中,我们经常会遇到需要创建许多相似的对象,很可能有许多相同的属性或方法。创建多个对象的方法有哪些?最好的方法是什么?让我们来看看!

  

1、创建多个对象——字面量方法

  对象的字面方式是创建对象最常用的方式之一。默认情况下,通过文字方式创建的对象的属性是可写、可枚举和可配置的。

  以下代码显示了如何以文本方式创建多个对象:

  //创建多个对象

  var person1={

  名称:“果酱”,

  年龄:18,

  地址:“上海”,

  吃:function () {

  Console.log(this.name eating )

  }

  }

  var person2={

  姓名:“汤姆”,

  年龄:20,

  地址:“北京”,

  吃:function () {

  Console.log(this.name eating )

  }

  }

  var person3={

  姓名:李明,

  年龄:19,

  地址:天津,

  吃:function () {

  Console.log(this.name eating )

  }

  }

2、创建多个对象——工厂模式方法

  工厂模式其实是一种常见的设计模式;

  我们通常有一个工厂方法,通过它可以生成想要的对象;

  下面的代码显示了使用工厂模式方法创建多个对象的操作:

  //通过工厂函数创建多个对象。

  函数createPerson(姓名,年龄,地址){

  var p={}

  p.name=name

  年龄=年龄

  地址=地址

  饮食=function () {

  Console.log(名为“吃”)

  }

  返回p

  }

  P1=创建人(“果酱”,19,“上海”)

  P2=创建人(“汤姆”,14,“北京”)

  =创造人(《李》,13,《天津话》)

  P3.eating() //李在吃

3、创建多个对象——构造函数方法

  构造器。相信大家都很熟悉。构造函数是一个函数,它提供了一个生成对象的模板,并描述了它的基本结构。可以生成多个对象的构造函数,每个对象都具有相同的结构。

  下面的代码演示如何使用构造函数方法创建多个对象:

  //既定规范,构造函数名大写。

  职能人员(姓名、年龄、地址){

  this.name=name

  this.age=年龄

  这个地址=地址

  this.eating=function () {

  Console.log(this.name eating )

  }

  this.running=function () {

  Console.log(this.name running )

  }

  }

  P1=新人(“果酱”,20,“北京”)

  P2=新人(“汤姆”,14,“上海”)

  P3=新人(《李》,13,《天津话》)

  console.log(p1)

  //输出结果

  //人{

  //名称:果酱,

  //年龄:20,

  //地址:北京,

  //吃饭:[功能],

  //正在运行:[函数]

  //}

  P1.eating() //果酱正在吃

4、创建多个对象——原型加构造函数方式

  。两者的组合模式意味着实例属性是在构造函数上定义的,所以创建对象时只需要传入这些参数。原型对象用于定义方法和共享属性。

  下面的代码演示如何使用prototype和构造函数创建多个对象:

  职能人员(姓名、年龄、地址){

  this.name=name

  this.age=年龄

  这个地址=地址

  this.eating=

  this.running=function () {

  Console.log(this.name running )

  }

  }

  //将吃的方法和跑的方法添加到原型中,这样就不需要每次创建对象时都在内存中添加相同的方法。

  person . prototype . eating=function(){

  Console.log(this.name eating )

  }

  person . prototype . running=function(){

  Console.log(this.name running )

  }

  P1=新人(“果酱”,20,“北京”)

  P2=新人(“汤姆”,14,“上海”)

  P3=新人(《李》,13,《天津话》)

  console.log(p1)

  //输出结果:

  //人{

  //名称:果酱,

  //年龄:20,

  //地址:北京,

  //吃饭:[功能],

  //正在运行:[函数]

  //}

  P1.eating() //jam吃完看完,是不是觉得创建多个对象没那么复杂了?它是通过使用原型加构造器的方法在几分钟内创建的。

  【相关推荐:javascript视频教程,web前端】以上是JavaScript如何创建多个对象?详细讲解四种方法的细节。更多请关注我们的其他相关文章!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: