3.13 通用对象排序模型设计之继承Array的相关功能

作者: 夏天出处:电子工业出版社博文视点　2008-04-16 10:08　砖好评论条　进入论坛

阅读提示：《JavaScript高级应用与实践》第3章给大家介绍了Object扩展和性能及Web应用之神兵利器，本节大家展示的是通用对象排序模型设计之继承Array的相关功能，以及它的示意图。

3.13 通用对象排序模型设计之继承Array的相关功能

既然我们的通对象模型都支持了［0 ~ n］的形式来获取，如果不再支持Array的相关功能，比如concat方法、join方法、pop方法、push方法、reverse方法、shift方法、slice方法、sort方法、splice方法、toLocaleString方法、unshift方法，那就真是美中不足、瑕疵泛泛了。
说来也奇怪，Object对象是JavaScript中的祖先对象，那么我们为什么还要反过来继承Array的功能呢？原因是，继承、直接使用它的功能，其性能比你自己写的还要高，后面我们会给出实际的例子。
不过请读者注意，由于我们是给Object对象进行扩展，因此如果你要对自己定义的对象或者HTML DOM对象进行排序，那么请实现sort的入口“函数类型”参数，以便能得到正确的结果。
请看下面的注解代码：

    <html>
<head><meta http-equiv=content-type content="text/html; charset=utf-8">
<title>测试”给所有JavaScript对象扩展属性、方法”</title>
</head>
<body>
<script type="text/javascript" language="JavaScript" src="/jcore/resource /javascript/Jcore.js"></script>
<script type="text/javascript" language="JavaScript">

// 功能描述：将Array的一些函数扩展到通用对象里
// 由于Object是所有对象的祖先对象，因此我们不能用同样的名字写到
// Object里，除非里面的算法我们自己写，否则会导致Object里的方法调用Array里的方法
// Array又从Object里继承，导致循环调用，堆栈溢出
// 另外，笔者这里不打算重新写这些算法，因为Array的这些算法已经由二进制代码完成，
// 它的性能肯定比我们的实现快。不过，笔者这里使用了一点手段，避免这个问题....
// 这里出现后就提到"Jcore.js"里，以后章节将不再出现
// 返回信息：function对象的时候返回绑定后的function对象，否则返回绑定后的对象
// 使用指南：例子代码比较多，这里就不给出使用举例了，参见下面的例子
// 应用范围：各种Web客户端和服务端开发
Object.exo({
// 匿名函数在exo执行前已经先执行，因此Array.prototype里的东西我们已经保存了一份，
// 这样就不怕下面重写带来的灾难了。另外，你也不用担心，这里的_start只保留了一个true
// 读者应该学会这种方式，在一个常规变量的初始化时做一定的工作。不过要注意的是
// 这里的匿名函数里不能使用当前对象this里的东西，也不能访问this，因为这时候this
// 还没有创建呢，它不同于function，function在定义的过程中就已经可以使用this了。
// Object对象的this只能在它的函数类型里在调用的时候才可以使用
_start:(function()
{
// 这里我们将一个串使用方法split转换为Array后立刻进入迭代状态
['concat','join','pop','push','reverse','shift',
'slice','sort','splice','unshift'].each(function()
{
// 这里先保留下来，下面好用
Object.prototype["_" + this] = Array.prototype[this];
});
return true;
})(),
concat:function()
{
try
{
Object.prototype["concat"].name = "concat";
    // 这里最关键的是必须先把this通过_A()转换为有效的数组，
    // 否则会无法将内部的元素正确加进去
    // 同时我们防止上面描述中的循环调用，直接调用上面保留的下画线方法。
return []._concat.apply(_A(this), _A(arguments));
}catch(e){fnCatch(e)}
},
push:function()
{
try
{
   Object.prototype["push"].name = "push";
return []._push.apply(this, _A(arguments));
}catch(e){alert(e.message);fnCatch(e)}
},
join:function()
{
try
{
   Object.prototype["join"].name = "join";
   // 下面两种写法都正确
// return _A(this)._join(_A(arguments)[0]);
return []._join.apply(this, _A(arguments));
}catch(e){fnCatch(e)}
},
pop:function()
{
try
{
   Object.prototype["pop"].name = "pop";
return []._pop.apply(this);
}catch(e){fnCatch(e)}
},
reverse:function()
{
try
{
   Object.prototype["reverse"].name = "reverse";
return []._reverse.apply(this, _A(arguments));
}catch(e){fnCatch(e)}
},
shift:function()
{
try
{
   Object.prototype["shift"].name = "shift";
return []._shift.apply(this, _A(arguments));
}catch(e){fnCatch(e)}
},
slice:function()
{
try
{
   Object.prototype["slice"].name = "slice";
return []._slice.apply(this, _A(arguments));
}catch(e){fnCatch(e)}
},
sort:function()
{
try
{
   Object.prototype["sort"].name = "sort";
return []._sort.apply(this, _A(arguments));
}catch(e){fnCatch(e)}
},
splice:function()
{
try
{
   Object.prototype["splice"].name = "splice";
return []._splice.apply(this, _A(arguments));
}catch(e){fnCatch(e)}
},
unshift:function()
{
try
{
   Object.prototype["unshift"].name = "unshift";
return []._unshift.apply(this, _A(arguments));
}catch(e){fnCatch(e)}
}
});

try
{
var oTestObj = {};
oTestObj.push("谦虚是迈向进步的助燃剂！[2007-8-11 22:15]",444,232);
var arrTmp = oTestObj.concat(["人生不过百年之身，行人方便即是行己方便，善于它人就是善于自己", "天地虽大，社会却小啊！"]);
// 得到: 232
alert(oTestObj.pop());
// 效果参见图3-27
alert(oTestObj[0]);
// 通用对象的join功能，参见图3-28
alert(arrTmp.join("\n"));
// 默认排序是升序，将最大的排在后面，这里我们随便测试一下
// 自己写排序函数，将大的排在前面
// 排序功能测试，参见图3-29
alert(oTestObj.sort(function(a,b)
{
return a > b ? -1 : 1;
return 0;
}).join("\n"));
// 可以看出，原有对象的相关功能是保留了的，效果参见图3-30
alert([234,33].concat([11,33]).join("\n"));

}catch(e){alert("Err" + e.message)}

-->
</script>
</body>
</html>

图3-27 pop设计的效果

图3-28 通用对象的join功能

图3-29 排序功能

图3-30 Array原有功能依然保留

【责任编辑：夏书 TEL：（010）68476606】

回书目 上一节 下一节

关于 JavaScript Object Array reverse concat join pop push JavaScript高级应用与实践的

文章

博文

帖子

· 3.11 融合HTML DOM支持的完美通用对象迭代器..(04/16)

· 3.8 推荐的对象模型方法[优点：一个名称空间..(04/15)

· 3.19 addClass、removeClass、toggleClass、m..(04/16)

· 3.18 泛型设计之保留四舍五入保留小数：toFix..(04/16)

· 3.17 不要被怪物吓倒：0.1234[“each”]、tru..(04/16)

· SQL语句中Left join,right join,inner join用法

· GDI Graphics In Delphi(Drawing Bitmaps, the..

· Adobe Flash Player DeclareFunction2 Invalid..

· javascript数组的定义

· javascript匿名类

· Qmail+vpopmail安装文档（提供相关源码包）

· 关于exchange web access 的POP3无法通过

· javascript函数库大全

· 107个常用Javascript语句

· 急，exchange2007 POP登陆错误

专题

我也说两句

叫好

拍砖

中国最大的网络技术网站 ·
技术成就梦想

·假期读书充电

· 上周真题冲刺测试获奖..
· 全国计算机等考四级模..
· 08年3月各大网上书店及..
· 网络工程师模拟测试获..
· 全国计算机软考考试指..
· 3月24日WCF聊天活动积..

· 全国计算机等级考试四..
· 软件项目估计：第2版
· 系统分析师基础知识自..
· 构建可扩展的Web站点的..
· 2008年全国计算机等级..
· 网络数据安全与保密自..

排行榜

·假期读书充电 (查看5664次)
·1.2 网络定义 (查看1084次)
·《网管员必读—网络应用》自测.. (查看840次)
·历次技术自测获奖网友详细信息 (查看814次)
·免费讲座：搜索引擎营销打造成.. (查看749次)

·SQL Server入门到精通技术自测试题答案 (5个砖)
·免费讲座：搜索引擎营销打造成功网站 (3个砖)
·网管员全真面试题自测获奖结果及答案解析 (3个砖)
·超级网管员——网络应用技术自测试题答案 (3个砖)
·历次技术自测获奖网友详细信息 (3个砖)

·假期读书充电 (9个好)
·1.2 网络定义 (3个好)
·Visual C++数字图像处理开发入门与编程实践 (3个好)
·《游戏开发核心技术-剧本与角色创造》阅读不枯燥 (3个好)
·SQL Server入门到精通技术自测试题答案 (3个好)

·C和指针 (04月)
·思科全球CEO钱伯斯第七次访华 (04月)
·应试捷径—典型考题解析与考点贯通（系统分析师考.. (04月)
·软件安全：使安全成为软件开发必需的部分 (04月)
·Linux系统管理技术手册（中文第二版） (04月)

·Windows XP SP3正式版详细发布进程
·史上最彪悍的IT产品诞生时什么样？

· 报告称一季度全球平均..
· 2010年我国互联网出口..
· IBM否认放弃Windows 称..
· 红帽放弃开发消费Linux..
· 家乐福中国网站昨被黑 ..
· 10G网络线缆如何测？
· Domino+Qucikplace+Sam..
· DB2 Runtime Client Li..

· 在Django中使用自定义T..
· Struts2教程4：使用val..
· Java开源的OLAP引擎
· 趋势科技中国区总经理..
· Linux管理技术手册:日..
· 实测AMD双路四核巴塞罗..
· 封杀木马病毒十绝招
· iPhone有漏洞致浏览器..

订阅技术快讯

电子杂志下载

名称：SQL Server数据库管理精品黄皮书
简介：书中文章经过精挑细选，便于用户能根据自己的实际工作和学习，快速在本书寻找到相关资料。内容涵盖了SQL Server的安装与升级、语句查询、数据备份和恢复、自动化任务、数据同步、数据字典、安全和预防、性能和优化、集群等各方面应用信息，以及DBA管理人员在数据库管理工作中

名称：2007路由技术大全
简介：《2007路由技术大全》由51CTO.com网站特别策划制作，该书包括路由器技术、路由器产品、路由器配置、安全设置、路由器故障处理、路由器密码恢复，以及广大网友在实践使用中的心得经验和技巧文章，内容注重实用性，适用于初学者入门，也适合多年从业者提高，是一本实践和理论完

名称：网络安全精品应用黄皮书
简介：《2007精品网络安全黄皮书》包括了9个大类24个小类， 800余篇文章，内容包含了熊猫烧香病毒、DDOS攻击、ARP病等热点问题的介绍及解决方案。从病毒查杀、防范、系统、数据等各方面的安全设置到黑客技术的了解、防范，涉及到了安全应用的全部领域, 由浅至深内容全面。

专题

最多好

最多砖