JavaScript 中的对象(下)

    作者:Flyingis

5  自定义类和对象

5.1  工厂方法

    在ECMAScript中创建工厂方法,返回一个特定类型的对象,以此实现代码的简洁适用。

ExpandedBlockStart.gif ContractedBlock.gif function  createFruit()  dot.gif {
InBlock.gif  
var tempFruit = new Object;
InBlock.gif  tempFruit.name 
= "apple";
InBlock.gif  tempFruit.number 
= 5;
ExpandedSubBlockStart.gifContractedSubBlock.gif  tempFruit.showName 
= function() dot.gif{
InBlock.gif    alert(
this.name);
ExpandedSubBlockEnd.gif  }
;
InBlock.gif
return tempFruit;
ExpandedBlockEnd.gif}

None.gif
None.gif
var  Fruit1  =  creatFruit();
None.gif
var  Fruit2  =  creatFruit();

    在createFruit()中可以加入形参来传入参数的值。随着ECMAScript不断被规范化,这种创建对象的方法已不再流行,一部分原因是语法上的,一部分原因是功能上的,如每个对象的实例都拥有属于自己的showName方法,给内存管理带来一定的开销。

5.2  构造函数

    选择一个类名,第一个字母大写,该类名即是构造函数的名称。创建一个构造函数和工厂方法比较类似,不同的是需要使用关键字new来创建对象的引用。使用构造函数的方式来创建对象和使用工厂方法有着相同的弊端。

ExpandedBlockStart.gif ContractedBlock.gif function  Fruit(name, number)  dot.gif {
InBlock.gif  
this.name = name;
InBlock.gif  
this.number = number;
ExpandedSubBlockStart.gifContractedSubBlock.gif  
this.showName = function() dot.gif{
InBlock.gif    alert(
this.name);
ExpandedSubBlockEnd.gif  }
;
ExpandedBlockEnd.gif}

None.gif
None.gif
var  Fruit1  =   new  Fruit( " apple " 5 );
None.gif
var  Fruit2  =   new  Fruit( " pear " 3 );

5.3  使用 Prototype

    使用prototype属性可以用来创建新的对象,首先需要一个空的构造函数建立类的名称,然后所有的属性和方法都直接分配到prototype属性中。

ExpandedBlockStart.gif ContractedBlock.gif function  Fruit()  dot.gif {
ExpandedBlockEnd.gif}

None.gifFruit.prototype.name 
=   " apple " ;
None.gifFruit.prototype.number 
=   5 ;
ExpandedBlockStart.gifContractedBlock.gifFruit.prototype.showName 
=   function ()  dot.gif {
InBlock.gif  alert(
this.name);
ExpandedBlockEnd.gif}
;
None.gif
None.gif
var  fruit1  =   new  Fruit();
None.gif
var  fruit2  =   new  Fruit();

    但是,这样同样存在一些缺点。首先,构造函数中没有参数,给初始化带来一些麻烦,其次,当一个属性指向的是一个对象而非方法时,该对象会被所有的实例所共享,任何一点改动都会影响到其他对象引用的使用。

5.4  混合使用工厂方法和Prototype

这个概念很简单:使用构造函数定义所有除方法外的属性,使用 prototype 定义对象的方法。这样每个方法只会被创建一次,每个对象都能拥有自己对象实例的属性。

ExpandedBlockStart.gif ContractedBlock.gif function  Fruit(name, number)  dot.gif {
InBlock.gif  
this.name = name;
InBlock.gif  
this.number = number;
InBlock.gif  
this.owner = new Array("Jerry""Terry");
ExpandedBlockEnd.gif}

ExpandedBlockStart.gifContractedBlock.gifFruit.prototype.showName 
=   function ()  dot.gif {
InBlock.gif  alert(
this.name);
ExpandedBlockEnd.gif}
;
None.gif
None.gif
var  Fruit1  =   new  Fruit( " apple " 5 );
None.gif
var  Fruit2  =   new  Fruit( " pear " 3 );

5.5  动态 prototype

    简单来说,这种方法就是使用了一个标识符来判断 prototype 是否已经被指向某个方法,从而保证这些方法只会被创建并指向一次。

5.6  混合工厂方法

    这种方法和经典的工厂方法及构造函数方法在对象方法内存管理上存在同样的问题,一般不建议使用该方法,除了某些特殊情况(XML in JavaScript中有这样的例子)。

6  修改对象

    使用prototype对象可以对对象进行修改。除了用户自定义的对象外,ECMAScript原始对象也有prototype属性。直接使用 prototype可以给对象创建新的方法。

ExpandedBlockStart.gif ContractedBlock.gif Number.prototype.toHexString  =   function ()  dot.gif {
InBlock.gif  
return this.toString(16);
ExpandedBlockEnd.gif}
;
None.gif
var  iNum  =   10 ;
None.gifalert(iNum.toHexString());  
// 输出A

    另外,使用prototype可以轻松修改已有的方法,让方法名指向新的方法。需要注意的是,指向新的方法后,原有的方法不再被任何对象使用,将会被垃圾回收器销毁,使得原有方法不再存在。比较安全的解决办法是,建立一个新的引用来保存原有的方法,然后再将原方法覆盖。

    比较特殊的是,ECMAScript中创建对象,在对象引用被创建后,可以给对象加入新的方法,并且可以立即在对象的引用中使用。这是ECMAScript的一个特性,但不推荐这样使用,以免带来不必要的麻烦,例如阅读理解、文档资料等。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值