悟透JavaScript之原型真谛 ---(3)

当然,这个代码仅仅展示了语法甘露的概念。我们还需要多一些的语法甘露,才能实现用简洁而优雅的代码书写类层次及其继承关系。好了,我们再来看一个更丰富的示例吧:

//语法甘露:

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); //我们约定所有类的构造函数都叫Crea

te,这和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 类库中看到这种甘露模型,那才是真正的缘分!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值