六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 38|回复: 0

Javascript悟透(3)

[复制链接]

升级  27.67%

83

主题

83

主题

83

主题

举人

Rank: 3Rank: 3

积分
283
 楼主| 发表于 2013-1-23 02:45:46 | 显示全部楼层 |阅读模式
<span style="font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px;">
    当然,这个代码仅仅展示了“语法甘露”的概念。我们还需要多一些的语法甘露,才能实现用简洁而优雅的代码书写类层次及其继承关系。好了,我们再来看一个更丰富的示例吧:
<div style="padding-top: 4px; padding-right: 5px; padding-bottom: 4px; padding-left: 4px; font-size: 13px; width: 951px; background-color: #eeeeee; border: 1px solid #cccccc;">    //语法甘露:
    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"531234]);
    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
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表