Prototype-源码解读.docVIP

我喜欢Javascript，热衷于 Ajax 应用。我把自己阅读prototype源码的体会写下来，希望对大家重新认识 Javascript 有所帮助。 我相信prototype的开发者们一定也很欣赏Ruby，如果你能了解一些Ruby的话，阅读prototype的源码就能更心神领会。 抱歉不能以 code 的形式贴出来，因为会出现乱码？ 一. prototypes.js 引用 /** * 定义一个全局对象, 属性 Version 在发布的时候会替换为当前版本号 */ var Prototype = { ? Version: @@VERSION@@ } /** * 创建一种类型，注意其属性 create 是一个方法，返回一个构造函数。 * 一般使用如下? *???? var X = Class.create();? 返回一个类型，类似于 java 的一个Class实例。 * 要使用 X 类型，需继续用 new X()来获取一个实例，如同 java 的 Class.newInstance()方法。 * * 返回的构造函数会执行名为 initialize 的方法， initialize 是 Ruby 对象的构造器方法名字。 * 此时initialize方法还没有定义，其后的代码中创建新类型时会建立相应的同名方法。 * * 如果一定要从java上去理解。你可以理解为用Class.create()创建一个继承java.lang.Class类的类。当然java不允许这样做，因为Class类是final的 * */ var Class = { ? create: function() { ??? return function() { ????? this.initialize.apply(this, arguments); ??? } ? } } /** * 创建一个对象，从变量名来思考，本意也许是定义一个抽象类，以后创建新对象都 extend 它。 * 但从其后代码的应用来看， Abstract 更多是为了保持命名空间清晰的考虑。 * 也就是说，我们可以给 Abstract 这个对象实例添加新的对象定义。 * * 从java去理解，就是动态给一个对象创建内部类。 */ var Abstract = new Object(); /** * 获取参数对象的所有属性和方法，有点象多重继承。但是这种继承是动态获得的。 * 如： *???? var a = new ObjectA(), b = new ObjectB(); *???? var c = a.extend(b); * 此时 c 对象同时拥有 a 和 b 对象的属性和方法。但是与多重继承不同的是，c instanceof ObjectB 将返回false。 */ Ototype.extend = function(object) { ? for (property in object) { ??? this[property] = object[property]; ? } ? return this; } /** * 这个方法很有趣，它封装一个javascript函数对象，返回一个新函数对象，新函数对象的主体和原对象相同，但是bind()方法参数将被用作当前对象的对象。 * 也就是说新函数中的 this 引用被改变为参数提供的对象。 * 比如： *???? lt;input type=text id=aaa value=aaagt; *???? lt;input type=text id=bbb value=bbbgt; *???? ................. *???? lt;scriptgt; *???????? var aaa = document.getElementById(aaa); ?????????? var bbb = document.getElementById(bbb); ?????????? aaa.showValue = function() {alert(this.value);} ?????????? aaa.showValue2 = aaa.showValue.bind(bbb); *???? lt;/scriptgt; *? 那么，调用aaa.showValue 将返回aaa, 但调用aaa.showValue2 将返回bbb。 * * apply 是ie5.5后才出现的新方法(Netscape好像很早就支持了)。 * 该方法更多的资料参考MSDN /library/en-us/script56