JavaScript的“原型甘露”
今天跟朋友讨论JS的面向对象编程问题,想起了原来曾经看过一篇文章,但是看过很久想不起来了,用了很多关键词,终于用“悟透JavaScript 面向对象”这两个关键词找到了“原文”,原文地址:http://www.cnblogs.com/zhangshiwen/p/3627085.html
PS:真正的原文地址在 http://www.cnblogs.com/leadzen/archive/2008/02/25/1073404.html
为防止以后难以看到这样好的文章,特将原文中最有价值的“原型甘露”一段内容贴出来。
//语法甘露: var object = //定义小写的object基本类,用于实现最基础的方法等 { isA: function(aType) //一个判断类与类之间以及对象与类之间关系的基础方法 { var self = this; while(self) { if (self == aType) return true; self = self.Type; }; return false; } }; function Class(aBaseClass, aClassDefine) //创建类的函数,用于声明类及继承关系 { function class_() //创建类的临时函数壳 { this.Type = aBaseClass; //我们给每一个类约定一个Type属性,引用其继承的类 for(var member in aClassDefine) this[member] = aClassDefine[member]; //复制类的全部定义到当前创建的类 }; class_.prototype = aBaseClass; return new class_(); }; function New(aClass, aParams) //创建对象的函数,用于任意类的对象创建 { function new_() //创建对象的临时函数壳 { this.Type = aClass; //我们也给每一个对象约定一个Type属性,据此可以访问到对象所属的类 if (aClass.Create) aClass.Create.apply(this, aParams); //我们约定所有类的构造函数都叫Create,这和DELPHI比较相似 }; new_.prototype = aClass; return new new_(); }; //语法甘露的应用效果: var Person = Class(object, //派生至object基本类 { Create: function(name, age) { this.name = name; this.age = age; }, SayHello: function() { alert("Hello, I'm " + this.name + ", " + this.age + " years old."); } }); var Employee = Class(Person, //派生至Person类,是不是和一般对象语言很相似? { Create: function(name, age, salary) { Person.Create.call(this, name, age); //调用基类的构造函数 this.salary = salary; }, ShowMeTheMoney: function() { alert(this.name + " $" + this.salary); } }); var BillGates = New(Person, ["Bill Gates", 53]); var SteveJobs = New(Employee, ["Steve Jobs", 53, 1234]); BillGates.SayHello(); SteveJobs.SayHello(); SteveJobs.ShowMeTheMoney(); var LittleBill = New(BillGates.Type, ["Little Bill", 6]); //根据BillGate的类型创建LittleBill LittleBill.SayHello(); alert(BillGates.isA(Person)); //true alert(BillGates.isA(Employee)); //false alert(SteveJobs.isA(Person)); //true alert(Person.isA(Employee)); //false alert(Employee.isA(Person)); //true
“语法甘露”不用太多,只要那么一点点,就能改观整个代码的易读性和流畅性,从而让代码显得更优雅。有了这些语法甘露,JavaScript就很像一般对象语言了,写起代码了感觉也就爽多了!
令人高兴的是,受这些甘露滋养的JavaScript程序效率会更高。因为其原型对象里既没有了毫无用处的那些对象级的成员,而且还不存在 constructor属性体,少了与构造函数间的牵连,但依旧保持了方法的共享性。这让JavaScript在追溯原型链和搜索属性及方法时,少费许多 工夫啊。
我们就把这种形式称为“甘露模型”吧!其实,这种“甘露模型”的原型用法才是符合prototype概念的本意,才是的JavaScript原型的真谛!
想必微软那些设计AJAX架构的工程师看到这个甘露模型时,肯定后悔没有早点把AJAX部门从美国搬到咱中国的观音庙来,错过了观音菩萨的点化。 当然,我们也只能是在代码的示例中,把Bill Gates当作对象玩玩,真要让他放弃上帝转而皈依我佛肯定是不容易的,机缘未到啊!如果哪天你在微软新出的AJAX类库中看到这种甘露模型,那才是真正 的缘分!