JavaScript中創(chuàng)建對象和繼承示例解讀
更新時間：2014年02月12日 15:26:12 作者：
這篇文章主要介紹了JavaScript中怎樣創(chuàng)建對象和繼承,需要的朋友可以參考下
對象創(chuàng)建：
當(dāng)一個函數(shù)對象被創(chuàng)建時候，F(xiàn)unction構(gòu)造器產(chǎn)生的函數(shù)對象會運(yùn)行類似這樣的代碼：
this.prototype={constructor:this};
假設(shè)函數(shù)F
F用new方式構(gòu)造對象時，對象的constructor被設(shè)置成這個F.prototype.constructor
如果函數(shù)在創(chuàng)建對象前修改了函數(shù)的prototype，會影響創(chuàng)建出來對象的construtor屬性
如:
function F(){};
F.prototype={constructor:'1111'};
var o=new F();//o.constructor===‘1111' true
繼承原理：
JavaScript中的繼承是使用原型鏈的機(jī)制，每個函數(shù)的實例都共享構(gòu)造函數(shù)prototype屬性中定義的數(shù)據(jù)，要使一個類繼承另一個，需要把父函數(shù)實例賦值到子函數(shù)的prototype屬性。并且在每次new實例對象時，對象的私有屬性__proto__會被自動連接到構(gòu)造函數(shù)的prototype。
instanceof就是查找實例對象的私有prototype屬性鏈來確定是否是指定對象的實例
具體實例：
//instanceof實現(xiàn)
function Myinstanceof(obj,type)
{
var proto=obj.__proto__;
while(proto)
{
if(proto ===type.prototype)break;
proto=proto.__proto__;
}
return proto!=null;
}
function View(){}
function TreeView(){}
TreeView.prototype=new View();//TreeView.prototype.__proto__=TreeView.prototype 自動完成
TreeView.prototype.constructor=TreeView;//修正constructor
var view=new TreeView();//view.__proto__=TreeView.prototype 自動完成
alert(view instanceof View); //true 查找到view.__proto__.__proto__時找到
alert(view instanceof TreeView); //true 查找到view.__proto__時找到
alert(Myinstanceof(view,View)); //true
alert(Myinstanceof(view,TreeView)); //true
當(dāng)一個函數(shù)對象被創(chuàng)建時候，F(xiàn)unction構(gòu)造器產(chǎn)生的函數(shù)對象會運(yùn)行類似這樣的代碼：
復(fù)制代碼 代碼如下:
this.prototype={constructor:this};
假設(shè)函數(shù)F
F用new方式構(gòu)造對象時，對象的constructor被設(shè)置成這個F.prototype.constructor
如果函數(shù)在創(chuàng)建對象前修改了函數(shù)的prototype，會影響創(chuàng)建出來對象的construtor屬性
如:
復(fù)制代碼 代碼如下:
function F(){};
F.prototype={constructor:'1111'};
var o=new F();//o.constructor===‘1111' true
繼承原理：
JavaScript中的繼承是使用原型鏈的機(jī)制，每個函數(shù)的實例都共享構(gòu)造函數(shù)prototype屬性中定義的數(shù)據(jù)，要使一個類繼承另一個，需要把父函數(shù)實例賦值到子函數(shù)的prototype屬性。并且在每次new實例對象時，對象的私有屬性__proto__會被自動連接到構(gòu)造函數(shù)的prototype。
instanceof就是查找實例對象的私有prototype屬性鏈來確定是否是指定對象的實例
具體實例：
復(fù)制代碼 代碼如下:
//instanceof實現(xiàn)
function Myinstanceof(obj,type)
{
var proto=obj.__proto__;
while(proto)
{
if(proto ===type.prototype)break;
proto=proto.__proto__;
}
return proto!=null;
}
function View(){}
function TreeView(){}
TreeView.prototype=new View();//TreeView.prototype.__proto__=TreeView.prototype 自動完成
TreeView.prototype.constructor=TreeView;//修正constructor
var view=new TreeView();//view.__proto__=TreeView.prototype 自動完成
alert(view instanceof View); //true 查找到view.__proto__.__proto__時找到
alert(view instanceof TreeView); //true 查找到view.__proto__時找到
alert(Myinstanceof(view,View)); //true
alert(Myinstanceof(view,TreeView)); //true
相關(guān)文章
javascript中的字符串替換及字符串分割在某些情況下還是比較實用的，下面有個不錯的示例，感興趣的朋友可以參考下2013-12-12
JavaScript實現(xiàn)找出字符串中第一個不重復(fù)的字符
這篇文章主要介紹了JavaScript實現(xiàn)找出字符串中第一個不重復(fù)的字符的方法,需要的朋友可以參考下2014-09-09
今天小編就為大家分享一篇解決layui 表單元素radio不顯示渲染的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
基于javascript數(shù)組實現(xiàn)圖片輪播
這篇文章主要為大家詳細(xì)介紹了基于javascript數(shù)組實現(xiàn)圖片輪播的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-05-05
本篇文章主要介紹了詳解JS獲取HTML DOM元素的8種方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
Kibo是一個簡單的用于處理鍵盤事件的Javascript工具庫。2011-10-10
JavaScript常用的彈出廣告及背投廣告實現(xiàn)方法
這篇文章主要介紹了JavaScript常用的彈出廣告及背投廣告實現(xiàn)方法,實例分析了彈出廣告與背投廣告的實現(xiàn)原理與相關(guān)技巧,需要的朋友可以參考下2015-02-02
BootStrap中的模態(tài)框（modal，彈出層）功能示例代碼
bootstrap中的模態(tài)框（modal），不同于Tooltips，模態(tài)框以彈出對話框的形式出現(xiàn)，具有最小和最實用的功能集。這篇文章主要介紹了BootStrap中的模態(tài)框（modal，彈出層）,需要的朋友可以參考下2018-11-11
這篇文章主要介紹了JS使用onerror捕獲異常的方法,結(jié)合實例形式分析了javascript基于onerror事件處理器捕獲異常的具體流程與相關(guān)操作技巧,需要的朋友可以參考下2016-08-08
uniapp原生tabbar設(shè)置并添加數(shù)字角標(biāo)或小紅點提示功能
這篇文章主要給大家介紹了關(guān)于uniapp原生tabbar設(shè)置并添加數(shù)字角標(biāo)或小紅點提示功能的相關(guān)資料,在相應(yīng)的頁面中完成對消息的處理,如果有新消息,則在tabBar頁面中顯示紅點提醒用戶,需要的朋友可以參考下2023-08-08