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對象"。同時，它也有原型，只是為空而已 { }。