你的位置:首页 > Java教程

[Java教程]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类库中看到这种甘露模型,那才是真正 的缘分!