系列文章推薦

JavaScript原型與原型鏈（基礎篇）
JavaScript原型與原型鏈（進階篇）
JavaScript原型與原型鏈（總結篇）

1 構造函數和實例對象

構造函數的prototype屬性為其實例化對象的原型__proto__：

function Cat(name, age) {this.name = namethis.age = age } const kat = new Cat('kat', 2) console.log(kat.__proto__ === Cat.prototype) // true

2 構造函數屬性constructor

constructor屬性用于通過實例對象或原型獲取其構造函數：

function Cat(name, age) {this.name = namethis.age = age } const kat = new Cat('kat', 2)console.log(kat.__proto__.constructor === Cat) // true console.log(Cat.prototype.constructor === Cat) // true

注意：kat.constructor === Cat也是成立的，雖然constructor屬性不在實例對象kat上，但是在訪問屬性時若實例本身不存在，則會在原型鏈上尋找，所以能在kat.__proto__上找到constructor屬性。

3 Object

Object構造函數有兩大特點：

所有構造函數的原型對象都是Object構造函數的實例對象，即滿足Func.prototype.__proto__ === Object.prototype，其中Func代指所有構造函數；

Object.prototype.__proto__為原型鏈的終點，即Object.prototype.__proto__ === null；

function Cat(name, age) {this.name = namethis.age = age } const kat = new Cat('kat', 2)console.log(kat.__proto__.__proto__ === Object.prototype) // true // kat.__proto__ === Cat.prototype console.log(Cat.prototype.__proto__ === Object.prototype) // true console.log(Object.prototype.__proto__ === null) // true

4 Function

Function構造函數有兩大特點：

所有構造函數都是由Function構造函數實例化而來：Func.__proto__ === Function.prototype，其中Func代指所有構造函數；

Function自身是構造函數，且自身又是自身構造函數的實例化對象：Function.__proto__ === Function.prototype。

function Cat(name, age) {this.name = namethis.age = age }console.log(Cat.__proto__ === Function.prototype) // true console.log(Function.__proto__ === Function.prototype) // true

5 Object和Function

Object和Function兩個內置構造函數區別與其他內置構造函數，有如下特點，以下所有的運算結果都為true：

Function instanceof Object Object instanceof Function Function instanceof Function Object instanceof Object

根據上述結論還能推導及驗證出如下關系：

Function.__proto__.__proto__ === Object.prototype Object.__proto__ === Function.prototype Function.__proto__ === Function.prototype Object.__proto__.__proto__ === Object.prototype

6 function anonymous()

所有構造函數的原型都為function anonymous()，由于所有函數都是由Function構造函數實例化而來，那么最簡單的獲取function anonymous()的方式為Function.prototype，滿足如下關系：

function Cat() {} console.log(Cat.__proto__ === Function.prototype) // true console.log(Object.__proto__ === Function.prototype) // true console.log(Array.__proto__ === Function.prototype) // true console.log(Number.__proto__ === Function.prototype) // true console.log(Function.__proto__ === Function.prototype) // true

7 __proto__和prototype

__proto__用于實例對象獲取原型，prototype用于構造函數獲取其實例對象的原型，兩者關系如下：

function Cat() {} const kat = new Cat() console.log(kat.__proto__ === Cat.prototype) // true console.log(Cat.__proto__ === Function.prototype) // true console.log(Function.__proto__ === Function.prototype) // true

對于__proto__，有如下幾種情況：

• 對于一般實例對象來說，如實例對象kat，kat.__proto__得到的是其構造函數Cat的prototype屬性；
• 對于一般構造函數來說，如構造函數Cat，Cat.__proto__得到的是其構造函數Function的prototype屬性，且這個值是確定的，為function anonymous()；
• 對于構造函數Function來說，Function.__proto__得到的是其構造函數Function的prototype屬性，且這個值是確定的，為function anonymous()。

對于prototype，有如下幾種情況：

• 對于一般實例對象來說，如實例對象kat，kat.prototype得到的是undefined，即一般實例對象是沒有prototype屬性的，只有構造函數才存在prototype屬性；
• 對于一般構造函數來說，如構造函數Cat，Cat.prototype得到的是由該構造函數實例化對象的原型，在本例子中為kat.__proto__；
• 對于構造函數Function來說，Function.prototype得到的是由該構造函數實例化對象的原型Function.__proto__，因為Function自身是構造函數，且自身又是自身構造函數的實例化對象，所以Function.__proto__ === Function.prototype。

8 其他內置構造函數

JavaScript中的內置構造函數只有Function和Object是特殊的，除去Function和Object以外的其他構造函數，如Number、String和Array等等，都可以當作普通構造函數來看待。

總結

以上是生活随笔為你收集整理的JavaScript原型与原型链（总结篇）的全部內容，希望文章能夠幫你解決所遇到的問題。

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