摘要：通過(guò)同一個(gè)構(gòu)造函數(shù)實(shí)例化的多個(gè)對(duì)象具有相同的原型對(duì)象。構(gòu)造函數(shù)的原型對(duì)象是實(shí)例對(duì)象通過(guò)屬性也指向原型對(duì)象。如果把函數(shù)當(dāng)成實(shí)例對(duì)象的話，其構(gòu)造函數(shù)是，其原型對(duì)象是類似地，函數(shù)的構(gòu)造函數(shù)也是，其原型對(duì)象是。

構(gòu)造函數(shù)：function Foo() {};
實(shí)例對(duì)象： let f1 = new Foo;
let o1 = new Foo;

(全文的proto指兩個(gè)下劃線中間proto)

一般函數(shù)都有prototype屬性，除了window.Math和Function.prototype.bind()（該屬性指向原型）等

一般對(duì)象都有proto屬性，除了Object.create(null)等，該屬性指向了創(chuàng)建該對(duì)象的構(gòu)造函數(shù)的原型。其實(shí)這個(gè)屬性指向了[[prototype]，但是[[prototype]]是內(nèi)部屬性，我們并不能訪問(wèn)到，所有采用proto來(lái)訪問(wèn)?？傊?，對(duì)象可以通過(guò)proto來(lái)訪問(wèn)不屬于該對(duì)象的屬性，proto將對(duì)象連接起來(lái)組成了原型鏈。

構(gòu)造函數(shù)：用來(lái)初始化新創(chuàng)建的對(duì)象的函數(shù)是構(gòu)造函數(shù)。上例中，Foo()函數(shù)是構(gòu)造函數(shù)。

實(shí)例對(duì)象：通過(guò)構(gòu)造函數(shù)的new操作創(chuàng)建的對(duì)象是實(shí)例對(duì)象。（可以用一個(gè)構(gòu)造函數(shù)，構(gòu)造多個(gè)實(shí)例對(duì)象）

function Foo(){};
var f1 = new Foo;
var f2 = new Foo;
console.log(f1 === f2);//false

3.原型對(duì)象及prototype：構(gòu)造函數(shù)有一個(gè)prototype屬性，指向?qū)?yīng)實(shí)例對(duì)象的原型對(duì)象。通過(guò)同一個(gè)構(gòu)造函數(shù)實(shí)例化的多個(gè)對(duì)象具有相同的原型對(duì)象。這個(gè)屬性可以用來(lái)實(shí)現(xiàn)繼承。

function Foo(){};
Foo.prototype.a = 1;
var f1 = new Foo;
var f2 = new Foo;

console.log(Foo.prototype.a);//1
console.log(f1.a);//1
console.log(f2.a);//1

4.constructor：原型對(duì)象有一個(gè)constructor屬性，指向該原型對(duì)象對(duì)應(yīng)的構(gòu)造函數(shù)。由于實(shí)例對(duì)象可以繼承原型對(duì)象的屬性，所以實(shí)例對(duì)象也擁有constructor屬性，同樣指向原型對(duì)象對(duì)應(yīng)的構(gòu)造函數(shù)。

console.log(Foo.prototype.constructor === Foo);//true
console.log(f1.constructor === Foo);//true

5.ptoto：實(shí)例對(duì)象有一個(gè)proto屬性，指向該實(shí)例對(duì)象對(duì)應(yīng)的原型對(duì)象。

console.log(f1.__proto__ === Foo.prototype);//true

1、實(shí)例對(duì)象f1是通過(guò)構(gòu)造函數(shù)Foo()的new操作創(chuàng)建的。構(gòu)造函數(shù)Foo()的原型對(duì)象是Foo.prototype；實(shí)例對(duì)象f1通過(guò)proto屬性也指向原型對(duì)象Foo.prototype。

console.log(f1.__proto === Foo.prototype);//true

2、實(shí)例對(duì)象f1本身并沒(méi)有constructor屬性，但它可以繼承原型對(duì)象Foo.prototype的constructor屬性

console.log(Foo.prototype.constructor === Foo);//true
console.log(f1.constructor === Foo);//true
console.log(f1.hasOwnProperty("constructor"));//false

實(shí)例對(duì)象f1的控制臺(tái)效果

1、Foo.prototype是f1的原型對(duì)象，同時(shí)它也是實(shí)例對(duì)象。實(shí)際上，任何對(duì)象都可以看做是通過(guò)Object()構(gòu)造函數(shù)的new操作實(shí)例化的對(duì)象 所以，Foo.prototype作為實(shí)例對(duì)象，它的構(gòu)造函數(shù)是Object()，原型對(duì)象是Object.prototype。相應(yīng)地，構(gòu)造函數(shù)Object()的prototype屬性指向原型對(duì)象Object.prototype；實(shí)例對(duì)象Foo.prototype的proto屬性同樣指向原型對(duì)象Object.prototype。

console.log(Foo.prototype.__proto__ === Object.prototype);//true

2、實(shí)例對(duì)象Foo.prototype本身具有constructor屬性，所以它會(huì)覆蓋繼承自原型對(duì)象Object.prototype的constructor屬性。

console.log(Foo.prototype.constructor === Foo);//true
console.log(Object.prototype.constructor === Object);//true
console.log(Foo.prototype.hasOwnProperty("constructor"));//true

下圖是實(shí)例對(duì)象Foo.prototype的控制臺(tái)效果

3、Object.prototype作為實(shí)例對(duì)象的話，其原型對(duì)象是null。

console.log(Object.prototype.__proto__ === null);//true

1、前面已經(jīng)介紹過(guò)，函數(shù)也是對(duì)象，只不過(guò)是具有特殊功能的對(duì)象而已。任何函數(shù)都可以看做是通過(guò)Function()構(gòu)造函數(shù)的new操作實(shí)例化的結(jié)果。如果把函數(shù)Foo當(dāng)成實(shí)例對(duì)象的話，其構(gòu)造函數(shù)是Function()，其原型對(duì)象是Function.prototype；類似地，函數(shù)Object的構(gòu)造函數(shù)也是Function()，其原型對(duì)象是Function.prototype。

console.log(Foo.__proto__ === Function.prototype);//true
console.log(Object.__proto__ === Function.prototype);//true

2、原型對(duì)象Function.prototype的constructor屬性指向構(gòu)造函數(shù)Function()；實(shí)例對(duì)象Object和Foo本身沒(méi)有constructor屬性，需要繼承原型對(duì)象Function.prototype的constructor屬性。

console.log(Function.prototype.constructor === Function);//true
console.log(Foo.constructor === Function);//true
console.log(Foo.hasOwnProperty("constructor"));//false
console.log(Object.constructor === Function);//true
console.log(Object.hasOwnProperty("constructor"));//false

3、所有的函數(shù)都可以看成是構(gòu)造函數(shù)Function()的new操作的實(shí)例化對(duì)象。那么，Function可以看成是調(diào)用其自身的new操作的實(shí)例化的結(jié)果。所以，如果Function作為實(shí)例對(duì)象，其構(gòu)造函數(shù)是Function，其原型對(duì)象是Function.prototype。

console.log(Function.__proto__ === Function.prototype);//true
console.log(Function.prototype.constructor === Function);//true
console.log(Function.prototype === Function.prototype);//true

4、如果Function.prototype作為實(shí)例對(duì)象的話，其原型對(duì)象是什么呢？和前面一樣，所有的對(duì)象都可以看成是Object()構(gòu)造函數(shù)的new操作的實(shí)例化結(jié)果。所以，Function.prototype的原型對(duì)象是Object.prototype，其原型函數(shù)是Object()。

console.log(Function.prototype.__proto__ === Object.prototype);//true

1、函數(shù)(Function也是函數(shù))是new Function的結(jié)果，所以函數(shù)可以作為實(shí)例對(duì)象，其構(gòu)造函數(shù)是Function()，原型對(duì)象是Function.prototype；
2、對(duì)象(函數(shù)也是對(duì)象)是new Object的結(jié)果，所以對(duì)象可以作為實(shí)例對(duì)象，其構(gòu)造函數(shù)是Object()，原型對(duì)象是Object.prototype；
3、Object.prototype的原型對(duì)象是ull。