为分发而进行的封装

　　开发现代的专业JavaScript代码的最后一个方面是为了代码分发或在现实世界里中使用而进行的封装处理。随着开始开发者们在其页面中使用越来越多的JavaScript代码，冲突的可能性将会增加。如果两个JavaScript库里都有一个名为data的变量或者按各的意图添加事件，灾难性的冲突和莫名其妙的错误可能就会出现。
　　开发者简单地置入<script>指针无须任何变动就能正常工作的能力是开发一个成功的JavaScript库的精诣所在。开发者用以保持代码清洁和普遍兼容的的技术或解决方案有许多种。
　　使用命名空间是广泛使用的保证代码不与其它JavaScript代码互相影响和抵触的一种技术。这方面一个极端的（但未必是最好或最有用的）运作中的例子就是Yahoo开发的任何人都可使用的用户界面库。使用该库的一个示例见程序1-3.

　　程序1-3. 使用重度名称空间化的YahooUI库给一个元素添加事件

//给ID为"body"的元素添加mouseover事件监听器
YAHOO.util.Event.addListener('body','mouseover',function(){
    //and change the background color of the element to red
    this.style.backgroundColor = 'red';
});

　　然而，这种命名空间方法存在一个问题，即库与库之间在构造和使用的方式上缺乏内在的一致性。正是在这一点上，中心代码仓库如JSAN(JavaScript Archive Network)变得非常有用。JSAN提供一套代码库需遵从的一致规则，以及一种快捷导入代码所依赖的其它库的方式。图1-2展示了JSAN的主分发中心的一个截屏。

图1-2. 公共代码仓库JSAN的截屏

　　我将在第三章阐述开发清洁的可封装代码的细节。此外，其它常见的事故多发点如事件处理冲突，将在第六章论述。

出处：蓝色理想
责任编辑：moby

上一页 测试你的代码 下一页 不唐突的DOM脚本编程

◎进入论坛网页制作、网站综合版块参加讨论