在javascript中原型和原型鏈?zhǔn)且粋€很神奇的東西，對于大多數(shù)人也是最難理解的一部分，掌握原型和原型鏈的本質(zhì)是javascript進(jìn)階的重要一環(huán)。今天我分享一下我對javascript原型和原型鏈的理解。

? ? ? 一、對象等級劃分

　　我們認(rèn)為在javascript任何值或變量都是對象，但是我還需要將javascript中的對象分為一下幾個等級。

　　首先Object是頂級公民，這個應(yīng)該毋庸置疑，因為所有的對象都是間接或直接的通過它衍生的。Function是一等公民，下面會做解釋。幾個像String，Array，Date，Number，Boolean，Math等內(nèi)建對象是二等公民。剩下的則都是低級公民。

　　二、原型prototype

　　首先prototype是一個屬性，同時它本身也是一個對象。那么哪些是具有prototype這個屬性呢？其實javascript中所有的函數(shù)都有prototype這個屬性，反過來所有具有prototype的對象本身也是一個函數(shù)，沒錯就是一個函數(shù)。

　　第一條我不再印證，主要看看第二條。大家都知道Object，Array，Date都有prototype，他們是函數(shù)嗎？是的他們也是函數(shù)的一種，為什么這么說呢？我們在定義一個對象或者數(shù)組時，是不是可以這么做var o = new Object(),a = new Array()。學(xué)過java的人都知道new是用實例化一個對象的方法，但是我們都知道javascript中不存在真正的類的概念，所以只能用函數(shù)來模擬，那么既然可以有上面的做法也就印證了Object和Array也是特殊的函數(shù)。

　　其實上面說到的幾等公民基本都是函數(shù)的一種，除了Math這個工具對象外，應(yīng)該沒有見過這種new Math()這種寫法吧！當(dāng)然這種寫法也是會報錯的，所以在訪問Math.prototype返回的也是undefined。

　　三、__proto__和原型鏈

　　__proto__是一個指針，它指的是構(gòu)造它的對象的對象的prototype，聽起來有的拗口。舉個例子吧！

　　

　　如上面代碼，o是Object的一個實例，所以o的__proto__指針指向構(gòu)造o的Object的prototype。這樣的意義在于o可以使用Object.prototype里面的方法，例如toString(),o在訪問toString方法時，首先會在自身尋找，如果沒有找到則會在__proto__也就是Object.prototype上面查找。

　　可以說幾乎所有的javascript對象都有__proto__這樣一個指針包括Object,我們來看一看?

　　

　　其實a = 1就相當(dāng)于a = new Number(1)。可以看到所有的內(nèi)建對象以及Object的__proto__指向的都是一個匿名函數(shù)，也就可以認(rèn)為它們其實也是function的一個實例，所以之前會說function是一等公民。

　　那么原型鏈到底是什么呢？我們展開a.__proto__也就是Number.prototype對象，它是沒有toString()的方法的，但是對于a來說它其實是可以調(diào)用toString的方法的，這就是原型鏈的作用。看下面代碼

　　

　　看上面代碼和結(jié)果，我們沿著a的__proto__一直訪問會到達(dá)Object的prototype，也就是說a調(diào)用toString方法最終其實是訪問Object.prototype的toString方法。那么a的原型鏈就是由Number.prototype和Object.prototype組成，當(dāng)a訪問一個方法或?qū)傩詴r，它會先在自身查找，然后再沿原型鏈找，找到則調(diào)用，沒找到報錯。為了印證這一點，我們在Number.prototype上面加一個toString的方法。

　　

　　可以看到a調(diào)用的是Number.prototype的toString方法，在找到之后就停止。在javascript中，幾乎所有的對象的原型鏈的終點都是Object.prototype　

　　總結(jié)

　　__proto__是實現(xiàn)原型鏈的關(guān)鍵，而prototype則是原型鏈的組成。最后附上一張稍微復(fù)雜的原型鏈和構(gòu)造函數(shù)的關(guān)系圖，有興趣可以研究一下。

　　

轉(zhuǎn)載于:https://www.cnblogs.com/alichengyin/p/4852616.html

總結(jié)

以上是生活随笔為你收集整理的深入理解javascript原型链的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。