首頁  >  問答  >  主體

JAVASCRIPT 建構子和原型互相指向問題?求助! ! !

最近看js原型的問題,基本上已經理解,但是在控制台打開發現很奇怪的問題,舉個例子

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

在控制輸入程式碼,照理說

persion1.__proto__ = Persion.prototype 

Persion.prototype 原型對象的建構器 指向 Persion(), 而建構子 Persion裡prototype又指向 原型對象,
js中是這樣無線迴圈指向下去嗎?是我理解有問題嗎?

#這是網路上找的一副圖,問題就在紅色的那部分,這部分循環指向啊

#
大家讲道理大家讲道理2635 天前876

全部回覆(4)我來回復

  • 淡淡烟草味

    淡淡烟草味2017-07-05 10:45:41

    謝邀,我剛剛關注了這個問題。 。您就邀請我了。 。

    我只知道,這裡確實就是循環引用,在瀏覽器上會不斷的顯示下去,但在內存裡它就是一層的,所以不會有什麼問題。

    回覆
    0
  • 欧阳克

    欧阳克2017-07-05 10:45:41

    首先明確兩個概念,引用變數和對象,在那一大段引用變數的互相引用中其實只涉及到兩個對象
    我們姑且把他們稱為對象ObjP(原型對象)和對象Objf(函數對象)
    物件objf中有一個屬性p指向objp,q的記憶體結構有兩個部分,一部分保存著它的屬性名稱“p”,另一部分保存著objp的位址。
    同樣,物件objp中有一個屬性f指向objf。

    打個比方,兩個手機A,B,互相存著對方的手機號碼b,a。 A可以透過A.b打給B,B可以透過B.a打給A,他們之間可以來回打無數次電話,但只存在兩支手機。它們之間有相互的聯繫,但聯繫本身所佔用的資源是很少的。只有打電話的時候才會產生附加的資源消耗。
    我們看到的結構對瀏覽器是沒有意義的,它只是把聯繫具象化給咱們看。就像如何向別人證明A存B的手機號,當著你的面打個電話。你倒好,老讓人家來回打。其實你不去繼續往下點時,瀏覽器就不會去做那麼無聊的事。
    至於著「互相引用」什麼時候到頭? ,沒有所謂的頭,存手機號碼就是一下的事兒,被逼著老來回打電話才是最痛苦的。
    換句話說,等你不在往下點時瀏覽器就不用為了應付你讓objp和objf繼續「互相引用了」

    回覆
    0
  • 女神的闺蜜爱上我

    女神的闺蜜爱上我2017-07-05 10:45:41

    這個只是存在兩個物件的相互引用. 我們可以建構這樣的例子.

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

    結果就會出現:

    其實只存在兩個物件,只不過你每次展開那個屬性的時候,應該是相當於打印那個物件,而你不斷的交替列印物件 a 和 b,就會出現那樣的結果.

    回覆
    0
  • 滿天的星座

    滿天的星座2017-07-05 10:45:41

    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.prototype.constructor.prototype.constructor -->Person
    又打開了Person.protorype.constructor.prototype.constructor.prototype -->Person.prototype

    ...... .......🎜

    回覆
    0
  • 取消回覆