例解prototype框架

《例解prototype框架》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、word完美格式第7章Prototype框架1.4.0课前导读Ajax的核心技术是XMLHttpRequest对象的使用，该对象的属性不多，可能通过前面的介绍你已经很好地掌握该对象的使用，然而，运用Ajax技术而不借助于框架工具开发Web应用程序几乎是不可能的。正像你很少在应用了Ajax技术的网页源文件中直接看到XMLHttpRequest的身影，目前Ajax框架有如雨后春笋，商业性的或是开放源代码的都有很多，支持各种Web编程语言，并且都在不断的升级中。对于初学者我们要介绍的Ajax框架属于多功能JavaScript

2、框架，与此相区别的偏重于某个方面或某种服务器端技术的专业框架。在多功能JavaScript框架中，Prototype是最适合初学者使用的一个框架，Prototype是SamStephenson设计的JavaScript框架，致力于简化动态的Web开发，它以面向对象的思想进行JavaScript开发，增强了JavaScript的设计能力。重点提示在本章我们将重点学习：qPrototype框架详解7.1prototype框架参考prototype的使用非常简单，不需要安装，从http://prototype.conio.n

3、et/下载prototype.js文件，在HTML文档中正确引用，就可以自如使用它提供的类和方法。按照prototype.js源代码的顺序，我们对其进行介绍。（1）Prototype对象prototype对象是一个全局对象，在该对象中声明了程序包的版本，并且提供了一些全局工具。属性描述Version字符串表示的版本号。emptyFunction空函数。K(x)该函数作用是返回参数x。ScriptFragment用于识别脚本的正则模式，为全局常量，值为：“(?:)((

4、r.)*?)(?:

5、script>)”。（2）Class对象精心整理学习帮手word完美格式Class对象在声明其他的对象时候被用到。用它声明对象使得新对象支持initialize()方法，实际上该对象也只是起到把构造方法封装为initialize()方法的作用。方法说明create()定义新对象的构造方法。我们先看一下例7-1。例7-1Class的创建<

6、SCRIPTLANGUAGE="JavaScript">我们说JavaScript并非真正的面向对象的编程语言，其中也没有类的概念，Prototy

8、pe框架努力使JavaScript中类的声明更突出，更具有面向对象的表现形式。首先通过Class.create()声明Class_1类，实际上Class_1的本质是一个函数类型的对象。然后为Class_1这个对象添加initialize方法，添加该方法是通过Class_1.prototype，这在JavaScript部分我们详细介绍过，需要注意的是允许initialize方法带有形式参数。这样一来我们就可以使用该类了，声明该类的实例时，将调用initialize方法。Prototype中类的定义都是如此，因此应很好地掌

9、握该方法。上例运行结果如图7-1，我们看到定义类Class_1时有些复杂，但是使用类Class_1就完全符合面向对象的思想及我们的习惯了。精心整理学习帮手word完美格式图7-1Class的创建，点击按钮后的效果（3）Abstract对象该对象没有任何属性和方法。该对象中定义的对象被视为抽象类。（4）对Object对象的扩展方法说