首页 > 代码库 > JavaScript的“原型甘露”

JavaScript的“原型甘露”

今天跟朋友讨论JS的面向对象编程问题,想起了原来曾经看过一篇文章,但是看过很久想不起来了,用了很多关键词,终于用“悟透JavaScript  面向对象”这两个关键词找到了原文,原文地址:http://www.cnblogs.com/zhangshiwen/p/3627085.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类库中看到这种甘露模型,那才是真正 的缘分!

 

JavaScript的“原型甘露”