問(wèn)題描述

最近看js原型的問(wèn)題，基本上已經(jīng)理解，但是在控制臺(tái)打開(kāi)發(fā)現(xiàn)很奇怪的問(wèn)題，舉個(gè)例子

function Persion(){}; var persion1 = new Persion(); persion1;

在控制輸入一下代碼，按理說(shuō)

persion1.__proto__ = Persion.prototype

Persion.prototype 原型對(duì)象的構(gòu)造器 指向 Persion(), 而構(gòu)造函數(shù) Persion里prototype又指向 原型對(duì)象，js中是這樣無(wú)線循環(huán)指向下去嗎？是我理解有問(wèn)題嗎？

這是網(wǎng)上找的一副圖，問(wèn)題就在紅色的那部分，這部分循環(huán)指向啊

問(wèn)題解答

謝邀，我剛關(guān)注了這個(gè)問(wèn)題。。您就邀請(qǐng)我了。。

我只知道，這里確實(shí)就是循環(huán)引用，在瀏覽器上會(huì)不斷的顯示下去，但在內(nèi)存里它就是一層的，所以不會(huì)有什么問(wèn)題。

首先明確兩個(gè)概念，引用變量 和 對(duì)象，在那一大段引用變量的互相引用中其實(shí)只涉及到兩個(gè)對(duì)象我們姑且把他們稱為對(duì)象ObjP（原型對(duì)象）和對(duì)象Objf（函數(shù)對(duì)象）對(duì)象objf中有一個(gè)屬性p指向objp，q的內(nèi)存結(jié)構(gòu)有兩部分，一部分保存著它的屬性名“p”，另一部分保存著objp的地址。同樣，對(duì)象objp中有一個(gè)屬性f指向objf。

打個(gè)比方，兩個(gè)手機(jī)A，B，互相存著對(duì)方的手機(jī)號(hào)b，a。A可以通過(guò)A.b打給B，B可以通過(guò)B.a打給A，他們之間可以來(lái)回打無(wú)數(shù)次電話，但只存在兩個(gè)手機(jī)。它們之間存在互相的聯(lián)系，但聯(lián)系本身占用的資源是很少的。只有打電話的時(shí)候才會(huì)產(chǎn)生附加的資源消耗。我們看到的結(jié)構(gòu)對(duì)瀏覽器是沒(méi)有意義的，它只是把聯(lián)系具象化給咱們看。就像如何向別人證明A存著B(niǎo)的手機(jī)號(hào)，當(dāng)著你的面打個(gè)電話。你倒好，老讓人家來(lái)回打。其實(shí)你不去繼續(xù)往下點(diǎn)時(shí)，瀏覽器就不會(huì)去做那么無(wú)聊的事。至于著“互相引用”什么時(shí)候到頭？，沒(méi)有所謂的頭，存手機(jī)號(hào)就是一下的事兒，被逼著老來(lái)回打電話才是最痛苦的。換句話說(shuō)，等你不在往下點(diǎn)時(shí)瀏覽器就不用為了應(yīng)付你讓objp和objf繼續(xù)“相互引用了”

這個(gè)只是存在兩個(gè)對(duì)象的相互引用. 我們可以構(gòu)造這樣的例子.

function A(){}a = new A();function B() {}b = new B();a.obj = b;b.val = a;

結(jié)果就會(huì)出現(xiàn):

實(shí)際上就只存在兩個(gè)對(duì)象,只不過(guò)你每次展開(kāi)那個(gè)屬性的時(shí)候,應(yīng)該是相當(dāng)于打印那個(gè)對(duì)象,而你不斷的交替打印對(duì)象 a 和 b,就會(huì)出現(xiàn)那樣的結(jié)果.

Person.prototype.constructor == Person //true你在chrome控制臺(tái)里輸出的是 Person.prototype你打開(kāi)了 Person.prototype.constructor -->Person又打開(kāi)了 Person.protorype.constructor.prototype -->Person.prototype又打開(kāi)了 Person.prototype.constructor.prototype.constructor -->Person又打開(kāi)了 Person.protorype.constructor.prototype.constructor.prototype -->Person.prototype.............