萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> js對象繼承之原型鏈繼承實例

js對象繼承之原型鏈繼承實例

 代碼如下:

<script type="text/javascript">
//定義貓的對象
var kitty  = {color:'yellow',bark:function(){alert('喵喵');},climb:function(){alert('我會爬樹')}};

 

//老虎對象的構造函數
function tiger(){
 this.color = "yellow and black";
 this.back = function(){
  alert('吼吼...');
 }
}

//給構造函數聲明原型,那麼構造出的對象,就會有一個祖先:即該原型
tiger.prototype = kitty;
//或 tiger.prototype = new kitty();//如果kitty為function,則采用這種方式

var t = new tiger();
document.write(t.color);
t.climb();//當調用老虎的屬性或方法時,首先在其構造函數找;如果沒有,則到老虎構造函數的原型。但要注意,這裡它並不是把原型對象裡的climb()方法復制到自身。這就是原型鏈查找。
</script>


其它說明:kitty也是有構造方法的,即new Object()。Object默認也有一些方法和屬性,見javascript手冊中的 "object對象"。同時,它也有原型,只是為空而已 { }。

copyright © 萬盛學電腦網 all rights reserved