符合中小企业对网站设计、功能常规化式的企业展示型网站建设
本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...
商城网站建设因基本功能的需求不同费用上面也有很大的差别...
手机微信网站开发、微信官网、微信商城网站...
这篇文章主要介绍“创建JavaScript对象的方式有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“创建JavaScript对象的方式有哪些”文章能帮助大家解决问题。
创新互联公司是一家专注于成都网站设计、网站建设与策划设计,新邱网站建设哪家好?创新互联公司做网站,专注于网站建设十载,网设计领域的专业建站公司;建站业务涵盖:新邱等地区。新邱做网站价格咨询:028-86922220
这里创建对象,主要介绍四种方式: 工厂模式、构造函数模式、原型模式、组合使用构造函数模式和原型模式。
工厂模式是用函数来封装创建对象的细节,在函数里面创建对象并返回对象,就有些像工厂里的流水线一样。
function createPerson(name,age,job){ var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayname = function(){ alert(this.name); }; return o; }var person1 = createPerson("a",29,"cc");var person2 = createPerson("b",26,"cc");
但是工厂模式有个缺点,就是对象识别问题,即它不知道一个对象的类型。
构造函数模式,即通过给构造函数传递不同的参数,然后调用构造函数来创建不同对象。
function Person(name,age,job){ this.name = name; this.age = age; this.job = job; this.sayname = function(){ alert(this.name); }; }var person1 = new Person("a",29,"cc");var person2 = new Person("b",26,"cc");
使用自定义的构造函数,可以将它的实例标识为一种特定的类型,这正是构造函数模式胜过工厂模式的地方。
比如(instanceof用于检测对象类型):
person1 instanceof Person //true 这里可以看到person1也是Person的实例,而工厂模式没有能具体检测对象类型的这一特定person1 instanceof Object //true 所有对象均继承自Object
构造函数模式的主要问题,就是每个方法都要在每个实例对象上重新创建一遍,j即使是同名方法或者两个方法的作用一样,而不同实例对象上的同名方法其实是不一样的,这样就造成了一种冗余,比如:
person1.sayname != person2.sayname
有关原型和原型链的知识已经在点击打开链接介绍过了,这里不作过多介绍。
使用原型对象的好处就是,可以让所有对象实例共享它所包含的属性和方法。
function Person(){} Person.prototype.name="a"; Person.prototype.age="29"; Person.prototype.job="cc"; Person.prototype.sayname = function(){ alert(this.name); };var person1 = new Person();var person2 = new Person(); 这样person1.sayname == person2.sayname
这样一来,所有的属性和方法都是大家(所有实例)共享的了,换句话说,person1和person2访问的sayname和name等 都是同一个。
还有就是重写原型的时候,切断了现有原型与任何之前已存在的对象实例之间的联系,它们引用的仍是最初的原型。可以通过在重写原型里添加constructor:Person来建立新联系。
原型模式的问题就是共享问题,在实例或原型上改变一下,在其他实例中都会相应的改变。这样我们引入组合使用构造函数模式和原型模式。
组合使用中,构造函数模式用于定义实例自己的属性,原型模式用于定于方法和共享的属性。
function Person(name,age,job){ this.name = name; this.age = age; this.job = job; } Person.prototype = { constructor: Person, sayname: function(){ alert(this.name); } }var person1 = new Person("a",29,"cc");var person2 = new Person("b",26,"cc");
这种构造函数与原型混合的模式,是目前使用较多的。其它创建对象的方式还有动态原型模式、寄生构造函数模式、稳妥构造函数模式。
关于“创建JavaScript对象的方式有哪些”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。