DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js對象繼承之原型鏈繼承實例
js對象繼承之原型鏈繼承實例
編輯:關於JavaScript     

本文實例講述了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對象"。同時,它也有原型,只是為空而已 { }。

希望本文所述對大家的javascript程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved