問題描述

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

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

在控制輸入一下代碼，按理說

persion1.__proto__ = Persion.prototype

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

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

問題解答

謝邀，我剛關(guān)注了這個問題。。您就邀請我了。。

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

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

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

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

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

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

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

Person.prototype.constructor == Person //true你在chrome控制臺里輸出的是 Person.prototype你打開了 Person.prototype.constructor -->Person又打開了 Person.protorype.constructor.prototype -->Person.prototype又打開了 Person.prototype.constructor.prototype.constructor -->Person又打開了 Person.protorype.constructor.prototype.constructor.prototype -->Person.prototype.............