JavaScript总结--创建对象

      在JavaScript中创建对象主要就是用以下三种语句

  1. var box=new Object(); 或var box=Object();
  2. var box={};//字面量
  3. function Box(){};//构造函数

      现在,我们就牛刀小试,来创建一个对象

var man=new Object();//创建Object对象的实例:man
man.name='Mr.Q';//man对象的name属性
man.sex=30;//man对象的name
man.work=function(){
return this.name+' is working.';
};
alert(man instanceof Object);//true 是Object对象的实例
alert(man.work());//Mr.Q is working.

      如果要创建和以上对象类似的对象怎么办?

      方案一:直接赋值;缺点:会覆盖原来对象

var woman=man;
woman.name='Ms.L';//man对象的name属性
woman.sex=21;//man对象的name
woman.work=function(){
return this.name+' is working.';
};
alert(woman.name);//Ms.L 会将man对象的name属性覆盖掉

      

      方案二:用相同的方式再实例化一个对象;缺点:会产生大量重复代码

var woman=new Object();//创建Object对象的实例:man
woman.name='Ms.L';//man对象的name属性
woman.sex=21;//man对象的name
woman.work=function(){
return this.name+' is working.';
};
alert(woman.work());//Mr.Q is working.

      优化一:工厂模式:解决实例化大量类似对象产生重复代码问题

function createobject(name,sex){
var obj=new Object();
obj.name=name;
obj.sex=sex;
obj.work=function(){
return this.name+' is working';
};
return obj;
}
var man=createobject('Mr.Q',30);
var woman=createobject('Ms.L',21);
alert(man.work());
alert(woman.work());

           弊端: 因为是工厂模式嘛!批量生产,产品都一个样。对象之间无法区分,他们全都是Object对象的实例。
      优化二:构造函数解决重复实例化和对象识别问题

function Person(name,sex){//人类
this.name=name;
this.sex=sex;
this.work=function(){
return this.name+' is working';
};
}
var man=new Person('Mr.Q','男');
var woman=new Person('Ms.L','女');
alert(man instanceof Object);
alert(man instanceof Person);

function ET(name,sex){//外星人
this.name=name;
this.sex=sex;
this.work=function(){
return this.name+' is working';
};
}
var marsman=new ET('Mr.Q','男');
alert(marsman instanceof ET);//true
alert(marsman instanceof Person);//false mrasman是ET对象的实例,而不是Person对象的实例

      总结:在这篇文章中我们简单介绍了创建一个对象的三种方式:Object,字面量和构造函数,而当创建很多类似对象时,工厂模式是个不错的选择,但因为批量标准化的生产,产品缺乏个性,所以我们要用构造函数,来区分不同的对象。可是当我们通过构造函数来区分不同的对象时,依然避免不了产生重复代码的问题,就像上面的Person和ET它们除了构造函数名称不一样,其他都一样,那么这又该如何解决呢?我想,原型和继承的使用是少不了的,将在后续文章中介绍。

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 23
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 23
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值