淺談JS原型對象和原型鏈
來源:易賢網(wǎng) 閱讀:944 次 日期:2016-08-02 16:24:11
溫馨提示:易賢網(wǎng)小編為您整理了“淺談JS原型對象和原型鏈”,方便廣大網(wǎng)友查閱!

在Javascript中,萬物皆對象,但對象也有區(qū)別,大致可以分為兩類,即:普通對象(Object)和函數(shù)對象(Function)。

一般而言,通過new Function產(chǎn)生的對象是函數(shù)對象,其他對象都是普通對象。

舉例說明:

function f1(){

  //todo

}

var f2 = function(){

  //todo

};

var f3 = new Function('x','console.log(x)');

var o1 = {};

var o2 = new Object();

var o3 = new f1();

console.log(

  typeof f1,//function

  typeof f2,//function

  typeof f3,//function

  typeof o1,//object

  typeof o2,//object

  typeof o3 //object

);

>> function function function object object object

f1屬于函數(shù)的聲明,最常見的函數(shù)定義方式,f2實際上是一個匿名函數(shù),把這個匿名函數(shù)賦值給了f2,屬于函數(shù)表達式,f3不常見,但也是一種函數(shù)對象。

Function是JS自帶的對象,f1,f2在創(chuàng)建的時候,JS會自動通過new Function()的方式來構(gòu)建這些對象,因此,這三個對象都是通過new Function()創(chuàng)建的。

在Javascript中創(chuàng)建對象有兩種方式:對象字面量和使用new表達式,o1和o2的創(chuàng)建恰好對應(yīng)了這兩種方式,重點講一下o3, 如果用Java和C#的思路來理解的話,o3是f1的實例對象,o3和f1是同一類型,至少我以前這么認為,其實不然…

那么怎么理解呢? 很簡單,看o3是不是通過new Function產(chǎn)生的, 顯然不是,既然不是函數(shù)對象,那就是普通對象 。

通過對函數(shù)對象和普通對象的簡單理解之后,我們再來了解一下Javascript中的原型和原型鏈:

在JS中,每當創(chuàng)建一個函數(shù)對象f1 時,該對象中都會內(nèi)置一些屬性,其中包括prototype和__proto__,  prototype即原型對象,它記錄著f1的一些屬性和方法。

需要注意的是,prototype 對f1是不可見的,也就是說,f1不會查找prototype中的屬性和方法。

function f(){}

f.prototype.foo = "abc";

console.log(f.foo); //undefined

那么,prototype有什么用呢? 其實prototype的主要作用就是繼承。 通俗一點講,prototype中定義的屬性和方法都是留給自己的“后代”用的,因此,子類完全可以訪問prototype中的屬性和方法。

想要知道f1是如何把prototype留給“后代”,我們需要了解一下JS中的原型鏈,此時,JS中的 __proto__ 入場了,這哥們長的很奇特,隱藏的也很深,以致于你經(jīng)常見不到它,但它在普通對象和函數(shù)對象中都存在, 它的作用就是保存父類的prototype對象,JS在通過new 表達式創(chuàng)建一個對象的時候,通常會把父類的prototype賦值給新對象的__proto__屬性,這樣,就形成了一代代傳承…

function f(){}

f.prototype.foo = "abc";

var obj = new f();

console.log(obj.foo); //abc

名單

obj對象擁有這樣一個原型鏈以后,當obj.foo執(zhí)行時,obj會先查找自身是否有該屬性,但不會查找自己的prototype,當找不到foo時,obj就沿著原型鏈依次去查找…

在上面的例子中,我們在f的prototype上定義了foo屬性,這時obj就會在原型鏈上找到這個屬性并執(zhí)行。 

最后,用幾句話總結(jié)一下本文中涉及到的重點:

原型鏈的形成真正是靠__proto__ 而非prototype,當JS引擎執(zhí)行對象的方法時,先查找對象本身是否存在該方法,如果不存在,會在原型鏈上查找,但不會查找自身的prototype。

一個對象的__proto__記錄著自己的原型鏈,決定了自身的數(shù)據(jù)類型,改變__proto__就等于改變對象的數(shù)據(jù)類型。

函數(shù)的prototype不屬于自身的原型鏈,它是子類創(chuàng)建的核心,決定了子類的數(shù)據(jù)類型,是連接子類原型鏈的橋梁。

在原型對象上定義方法和屬性的目的是為了被子類繼承和使用。

以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助。

更多信息請查看網(wǎng)絡(luò)編程
易賢網(wǎng)手機網(wǎng)站地址:淺談JS原型對象和原型鏈

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權(quán)所有:易賢網(wǎng)