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

  • 相关阅读:
    HDU 4350 Card
    HDU 4287 Intelligent IME
    POJ Stars
    字符串处理
    NYOJ 63 小猴子下落
    在 DataGrid 控件中显示 SQL Server 数据库中的数据
    Linq to sql学习之查询句法
    SqlMethods
    SQLSERVER 2008 R2中的全文检索
    分享学习网站大全
  • 原文地址:https://www.cnblogs.com/bluedoctor/p/5881019.html
Copyright © 2020-2023  润新知