js對象繼承之原型鏈繼承實例
更新時間：2015年01月10日 15:57:21 投稿：shichen2014
這篇文章主要介紹了js對象繼承之原型鏈繼承,以實例形式分析了原型鏈繼承的實現(xiàn)方法與注意事項,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了js對象繼承之原型鏈繼承的用法。分享給大家供大家參考。具體分析如下：
復制代碼 代碼如下:
<script type="text/javascript">
//定義貓的對象
var kitty = {color:'yellow',bark:function(){alert('喵喵');},climb:function(){alert('我會爬樹')}};
//定義貓的對象
var kitty = {color:'yellow',bark:function(){alert('喵喵');},climb:function(){alert('我會爬樹')}};
//老虎對象的構造函數(shù)
function tiger(){
this.color = "yellow and black";
this.back = function(){
alert('吼吼...');
}
}
//給構造函數(shù)聲明原型，那么構造出的對象，就會有一個祖先：即該原型
tiger.prototype = kitty;
//或 tiger.prototype = new kitty();//如果kitty為function，則采用這種方式
var t = new tiger();
document.write(t.color);
t.climb();//當調(diào)用老虎的屬性或方法時，首先在其構造函數(shù)找；如果沒有，則到老虎構造函數(shù)的原型。但要注意，這里它并不是把原型對象里的climb()方法復制到自身。這就是原型鏈查找。
</script>
其它說明：kitty也是有構造方法的，即new Object()。Object默認也有一些方法和屬性，見javascript手冊中的 "object對象"。同時，它也有原型，只是為空而已 { }。
希望本文所述對大家的javascript程序設計有所幫助。
相關文章
這篇文章主要介紹了JavaScript逆向分析instagram登入過程,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-07-07
本文主要介紹了setTimeout原理；setTimeout(function(){..},0)的意義；setTimeout的this指向和參數(shù)問題。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
本文主要介紹了JavaScript中的parseInt()的妙用，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-07-07
這篇文章主要介紹了JavaScript 動態(tài)加載腳本和樣式的方法,需要的朋友可以參考下2015-04-04
二分查找的前提為：數(shù)組、有序。這篇文章主要介紹了JavaScript實現(xiàn)二分查找實例代碼,需要的朋友可以參考下2017-02-02
這篇文章主要介紹了JavaScript設計模式中的觀察者模式，觀察者設計模式適用于監(jiān)聽一對多的操作，例如監(jiān)聽對象屬性的修改等等，觀察者模式能夠降低代碼耦合度，提升可擴展性2022-06-06
Javascript Function.prototype.bind詳細分析
這篇文章主要介紹了Javascript Function.prototype.bind詳細分析的相關資料,需要的朋友可以參考下2016-12-12
這篇文章主要介紹了jszip插件實現(xiàn)圖片打包下載的方法,結合實例形式分析了JavaScript使用jszip插件依據(jù)圖片列表打包下載zip壓縮文件的相關操作技巧,需要的朋友可以參考下2023-05-05
javascript中的nextSibling使用陷(da)阱(keng)
關于HTML/XML節(jié)點的問題，在IE中nextSibling不會返回文本節(jié)點，而chrome或者firefox等會返回文本節(jié)點2014-05-05
這篇文章主要介紹了js中!和!!的區(qū)別與用法,js中!的用法是比較靈活的，它除了做邏輯運算常常會用！做類型判斷，可以用！與上對象來求得一個布爾值，需要的朋友可以參考下2020-05-05