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