javascript中instanceof和類的細節

來源:互聯網
上載者:User
{
function onclick()
{
this.style.display='none'; document.getElementById('Code_Closed_Text_120509').style.display='none'; document.getElementById('Code_Open_Image_120509').style.display='inline'; document.getElementById('Code_Open_Text_120509').style.display='inline';
}
}" id="Code_Closed_Image_120509">{
function onclick()
{
this.style.display='none'; document.getElementById('Code_Open_Text_120509').style.display='none'; getElementById('Code_Closed_Image_120509').style.display='inline'; getElementById('Code_Closed_Text_120509').style.display='inline';
}
}" id="Code_Open_Image_120509" style="display: none">Code
javascript中instanceof是如何工作的 
javascript中判斷一個對象是不是一個類的執行個體時,經常是obj instanceof class
比如:
function class1(){};
function class2(){};
class2.prototype=new class1();
function class3(){};
class3.prototype=new class2();
function class4(){};
var obj=new class3();
alert(obj instanceof class3);//true
alert(obj instanceof class2);//true
alert(obj instanceof class1);//true

但是有想過解譯器是如何判斷一個對象是否是一個類的執行個體嗎?網上大多是說通過原型鏈來判斷。
上面可能看到有一個類class4沒被用到過,那在後面添上這句
class2.prototype=new class4();
alert(obj instanceof class3);//true;
alert(obj instanceof class2);//false;
alert(obj instanceof class1);//true;//

在javascript裡,每個function都有一個prototype屬性,這個屬性的用途是實現繼承機制。必如下面定義的function class1:
      function class1(){}
      class1.prototype = {a:10,b:100};
則class1的每個執行個體都會從prototype繼承a和b這兩個屬性。

同時,每個對象都會有一個內部的屬性_proto_(不同的javascript虛擬機器實現用的名字可能不同),這個屬性對js開發人員不可見,只在虛擬機器內部使用。每當建立一個對象的時候,這個對象的_proto_就會被賦值為這個對象的建構函式的prototype,這樣對象的_proto_屬性和建構函式的prototype引用相同的對象,並且一旦對象建立完成,_proto_屬性就不會改變。 這樣通過對象的_proto_屬性,以及_proto_所引用的對象的_proto_屬性,就構成了一個_proto_鏈。 當訪問一個對象的屬性和方法的時候,js虛擬機器正是通過這個_proto_鏈來尋找的。

關於instanceof:
     假設有一條這樣的語句:
     o instanceof c;
     在上面的語句執行過程中,虛擬機器會把c.prototype和o的_proto_鏈上的節點逐個進行比較,如果找到相等的節點,則返回true,否則返回false。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.