在javascript中原型和原型鏈是一個很神奇的東西，對于大多數人也是最難理解的一部分，掌握原型和原型鏈的本質是javascript進階的重要一環。今天我分享一下我對javascript原型和原型鏈的理解。

? ? ? 一、對象等級劃分

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

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

　　二、原型prototype

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

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

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

　　三、__proto__和原型鏈

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

　　

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

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

　　

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

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

　　

　　看上面代碼和結果，我們沿著a的__proto__一直訪問會到達Object的prototype，也就是說a調用toString方法最終其實是訪問Object.prototype的toString方法。那么a的原型鏈就是由Number.prototype和Object.prototype組成，當a訪問一個方法或屬性時，它會先在自身查找，然后再沿原型鏈找，找到則調用，沒找到報錯。為了印證這一點，我們在Number.prototype上面加一個toString的方法。

　　

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

　　總結

　　__proto__是實現原型鏈的關鍵，而prototype則是原型鏈的組成。最后附上一張稍微復雜的原型鏈和構造函數的關系圖，有興趣可以研究一下。

　　

轉載于:https://www.cnblogs.com/alichengyin/p/4852616.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。