|
|
 <HTML>
<HEAD>
<TITLE> Class (Object-Oriented) </TITLE>
<script src="prototype.js" type="text/javascript"></script>
</HEAD>
<BODY>
  <script>
 //Person類
var Person = Class.create(
  {
initialize : function(name)
{
//屬性在這初始化
this.name = name;
 },
//方法初始化
getName : function()
{
return this.name;
}
});
//User類繼承自Person
var User = Class.create(Person,
{
initialize : function($super,name,age)
{
//相當于this.name = name;
$super(name);
this.age = age;
},
//在創建時添加訪求
getAge : function()
{
return this.age;
}
});
//也可以通過addMethods方法來添加方法
User.addMethods({
show : function()
{
alert("username:" + this.name + ",age:" + this.age);
}
});
var me = new User("zdw",99);
alert(me.getName() + "," + me.getAge());
me.show();
//動物類
var Animal = Class.create(
{
initialize : function(name,sound)
{
this.name = name;
this.sound = sound;
},
speak : function()
{
alert(this.name + " says: " + this.sound + "!");
}
}
);
//蛇繼承自動物
var Snake = Class.create(Animal,
{
initialize : function($super,name)
{
$super(name,"hissssssssssss");
}
});
//眼鏡蛇
var ringneck = new Snake("Ringneck");
ringneck.speak();
//響尾蛇
var rattlesnake = new Snake("Rattler");
rattlesnake.speak();
//重寫自己的迭代
var AnimalPen = Class.create(Enumerable,
{
initialize : function()
{
//將實參轉換為數組
var args = $A(arguments);
//查看傳入參數是否都是動物類的實例
if(!args.all(function(arg){return arg instanceof Animal}))
throw "Only animals in here!";
this.animals = args;
},
_each : function(iterator)
{
return this.animals._each(iterator);
}
});
var snakePen = new AnimalPen(ringneck,rattlesnake);
snakePen.invoke('speak');
 </script>
</BODY>
</HTML>
|