JavaScript 中的对象(下)
发布日期:2021-10-01 08:44:32 浏览次数:8 分类:技术文章

本文共 2122 字,大约阅读时间需要 7 分钟。

    作者:
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的一个特性,但不推荐这样使用,以免带来不必要的麻烦,例如阅读理解、文档资料等。

转载地址:https://blog.csdn.net/iteye_263/article/details/81377638 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:ArcIMS 体系结构
下一篇:JavaScript 中的对象(下)

发表评论

最新留言

路过,博主的博客真漂亮。。
[***.116.15.85]2024年04月04日 16时00分25秒