JavaScript是一個(gè)面向?qū)ο笳Z(yǔ)音，即一切皆對(duì)象。

那么怎么生成對(duì)象？在Java的世界里，對(duì)象是由類（Class）實(shí)例出來(lái)的，通俗地說(shuō)，就是將事物抽象成一個(gè)模具，用這個(gè)模具（類）生產(chǎn)出一個(gè)個(gè)具體的實(shí)物（對(duì)象）。

可是JS中沒(méi)有類這個(gè)概念，有的是“原型”，對(duì)象是由原型衍生出來(lái)的。通俗地說(shuō)，在JS的世界里，“原型”并不是一個(gè)模具，而是一個(gè)具體的實(shí)物（對(duì)象）。所有對(duì)象都是由另一個(gè)對(duì)象衍生出來(lái)的，而這個(gè)被衍生的對(duì)象就是所謂的“原型對(duì)象”。

在javascript中有三類對(duì)象，1用戶創(chuàng)建的對(duì)象，2構(gòu)造函數(shù)的對(duì)象，3原型對(duì)象

• 用戶創(chuàng)建的對(duì)象，一般意義上使用new語(yǔ)句顯式構(gòu)造的方法。
• 構(gòu)造函數(shù)的對(duì)象，普通的構(gòu)造函數(shù)，即通過(guò)new調(diào)用生成普通對(duì)象的函數(shù)
• 原型對(duì)象，構(gòu)造函數(shù)prototype屬性指向的對(duì)象。

這三個(gè)對(duì)象中每一個(gè)類都有一個(gè)屬性-__proto__屬性，它們指向該對(duì)象的原型，從任何對(duì)象沿用它開始遍歷都可以追溯到Object.prototype。

構(gòu)造函數(shù)都有prototype對(duì)象，它指向一個(gè)原型對(duì)象，通過(guò)該構(gòu)造函數(shù)創(chuàng)建對(duì)象的時(shí)候，被創(chuàng)建的對(duì)象的__proto__屬性將指向構(gòu)造函數(shù)的prototype屬性。

原型對(duì)象有一個(gè)constructor屬性，該屬性指向它對(duì)應(yīng)的構(gòu)造函數(shù)。

Talk is cheap, show me the code! 咱們來(lái)看看代碼：

var obj = {};
console.log(obj);

咱們將__proto__展開看看：是一些默認(rèn)方法。

你一定會(huì)發(fā)生這個(gè)__proto__對(duì)象中也有一個(gè)__proto__對(duì)象，正如我們剛才說(shuō)的，每個(gè)對(duì)象都有一個(gè)__proto__屬性指向它的原型對(duì)象。我們打印一下這個(gè)__proto__中的__proto__：

console.log(obj.__proto__.__proto__); //--> null

結(jié)果是null，說(shuō)明已經(jīng)到了頂層原型對(duì)象。obj是用大括號(hào){}定義的，obj的原型對(duì)象自然是JS的頂層對(duì)象。

咱們?cè)倏匆欢舜a，加強(qiáng)下理解：

var parent = {
  name : "parent"
};
var child = {
  name : "child",
  __proto__ : parent
};
var subChild = {
  name : "subChild",
  __proto__ : child
}
console.log(subChild);

• subChild.__proto__ --> child
• child.__proto__ --> parent
• parent.__proto__ --> 頂層原型對(duì)象

最新評(píng)論