前些天，有個做開發多年的朋友，突然在面試的時候被面試官問到這個，一臉茫然，因此更不用說初學的小夥伴了，今天我們就來給大家分析下，__proto__和prototype到底有什麼區別？
一、 概念區分
其實說__proto__並不準確，確切的說是對象的[[prototype]]屬性，只不過在主流的瀏覽器中，都用__proto__來代表[[prototype]]屬性，因為[[prototype]]只是一個標準，而針對這個標準，不同的瀏覽器有不同的實現方式。在ES5中用Object.getPrototypeOf函數獲得一個對象的[[prototype]]。ES6中，使用Object.setPrototypeOf可以直接修改一個對象的[[prototype]]。為了方便，我下面的文章用__proto__來代表對象的[[prototype]]。
而prototype屬性是隻有函數才特有的屬性，當你創建一個函數時，js會自動為這個函數加上prototype屬性，值是一個空對象。所以，函數在js中是非常特殊的，是所謂的一等公民。
二、 必須明確
1. 萬物皆對象
在JS裡，萬物皆對象。方法（Function）是對象，方法的原型(Function.prototype)是對象。因此，它們都會具有對象共有的特點。
即：對象具有屬性
__proto__，可稱為隱式原型，一個對象的隱式原型指向構造該對象的構造函數的原型，這也保證了實例能夠訪問在構造函數原型中定義的屬性和方法。2. 方法(Function)
方法這個特殊的對象，除了和其他對象一樣有上述_proto_屬性之外，還有自己特有的屬性——原型屬性（prototype），這個屬性是一個指針，指向一個對象，這個對象的用途就是包含所有實例共享的屬性和方法（我們把這個對象叫做原型對象）。原型對象也有一個屬性，叫做constructor，這個屬性包含了一個指針，指回原構造函數。
如上圖所示，person1、person2都是對象，對象具有__proto__屬性，此隱式原型指向構造此對象的構造函數Person的原型Person.prototype。
方法Person也是對象，他有自己特有的屬性prototype（原型屬性），這個屬性指向的對象，包含有所有實例共享的屬性和方法（也稱為原型對象），此原型對象也有一個屬性constructor，constructor屬性包含一個指針指向原構造函數Person。
其實，大家一旦理解了這張圖，也就差不多理解了__proto__和prototype，如果一時還沒徹底明白，我們接下來看代碼，結合代碼再來看這張圖，你就會豁然開朗。
三、 實踐檢驗
1. __proto__和prototype概要（隱式原型與原型對象）
上圖，可以看出：
【1】構造函數Person()
構造函數的原型屬性Person.prototype指向了原型對象，在原型對象裡有共有的方法，所有構造函數聲明的實例（這裡是person1，person2）都可以共享這些方法（sayName）。
【2】原型對象Person.prototype
Person.prototype保存著實例共享的方法（sayName），有一個指針constructor指回構造函數。
【3】實例
person1和person2是Person這個對象的兩個實例，這兩個對象也有屬性__proto__，指向構造函數Person的原型對象，這樣子就可以像上面【1】所說的訪問原型對象的所有方法。這也就是為什麼person1、person2都可以訪問Person的原型對象Person.prototype的sayName方法。
【4】構造函數Person()除了是方法，也是對象，它也有__proto__屬性，指向誰呢？
指向它的構造函數的原型對象，函數的構造函數是Function，因此這裡的__proto__指向了Function.prototype。也就是上上圖中打印的Person.__proto__: f(){
native code}.其實除了Person()，Function()、Object()也是一樣的道理。
原型對象也是對象啊，它的__proto__屬性，又指向誰呢？
同理，指向它的構造函數的原型對象，也就是說Function.prototype對象的__proto__屬性指向Object.prototype。
最後，Object.prototype的__proto__屬性指向null。如下圖所示：
函數Person既有__proto__隱式屬性，也有prototype原型對象。那麼一般對象有沒有prototype屬性呢？我們繼續看下面案例。
3. 函數特有prototype屬性，對象無
由此，可見對象並不具有prototype屬性，只有函數才有prototype屬性。
最後，再通過下列代碼幫助大家進一步理解最開始那張圖。
四、 總結
【1】對象有屬性__proto__，指向該對象的構造函數的原型對象。
【2】方法除了有屬性__proto__，還有屬性prototype，prototype指向該方法的原型對象。
關於原型和原型鏈，我們後續文章再給大家解析，感興趣的朋友可以關注我們。
閱讀更多 遊戲開發達人 的文章
