Javascript中循環引用的示例？

Question

我想知道如果有人有一個很好的，在JavaScript的循環引用的工作示例？我知道這對於閉包來說非常容易，但是我很難把這個包裹在腦子裏。我可以在Firebug中剖析一個例子，我將非常感激。

感謝

Answer 1

一種簡單的方式來創建一個循環引用是爲具有指本身在一個屬性的對象：

function Foo() { 
    this.abc = "Hello"; 
    this.circular = this; 
} 

var foo = new Foo(); 
alert(foo.circular.circular.circular.circular.circular.abc); 

這裏foo對象包含對自身的引用。

隨着封閉件，這通常是更隱含的，通過僅具有在範圍的循環引用，而不是像一些對象的顯式屬性：

var circular; 

circular = function(arg) { 
    if (arg) { 
    alert(arg); 
    } 
    else { 
    // refers to the |circular| variable, and by that to itself. 
    circular("No argument"); 
    } 
} 

circular("hello"); 
circular(); 

在這裏保存在circular功能指circular可變的，並且從而本身。它隱含地提到自己，創建一個循環引用。即使circular現在超出範圍，它仍然從函數範圍引用。簡單的垃圾收集器將不會識別該循環，並且不會收集該函數。

Answer 2

window.onload = function() { 
    hookup(document.getElementById('menu')); 

    function hookup(elem) { 
    elem.attachEvent("onmouseover", mouse); 

    function mouse() { 
    } 
    } 
}

正如你所看到的，處理程序嵌套在附加器，這意味着它是在調用者的範圍之內關閉。

Answer 3

var b = []; 
var a = []; 
a[0] = b; 
b[0] = a; 

印刷a或b將返回Circular。

Answer 4

甚至更​​簡單，一個數組「包含」本身。見例如：

var arr = []; 
arr[0] = arr; 

Answer 5

function circular(arg){ 
    var count = 0; 

    function next(arg){ 
     count++; 
     if(count > 10) return; 
     if(arg){ 
      console.log('hava arg: ' + arg); 
      next(); 
     }else{ 
      console.log('no arg'); 
      next('add'); 
     } 
    } 
    next(); 
} 
circular(); 

循環，並用封口。

Answer 6

可能是定義循環對象的最短途徑。

a = {}; a.a = a; 

Answer 7

或者使用ES6：

class Circular { 
    constructor() { 
    this.value = "Hello World"; 
    this.self = this; 
    } 
} 

circular = new Circular(); 

Answer 8

你可以這樣做：

• window.window...window
• var circle = {}; circle.circle = circle;
• var circle = []; circle[0] = circle; or circle.push(circle)
• function Circle(){this.self = this}; var circle = new Circle()