Esempio di riferimento circolare in Javascript?

Question

Mi chiedevo se qualcuno ha un buon esempio funzionante di un riferimento circolare in javascript? So che questo è incredibilmente facile da fare con le chiusure, ma ho avuto difficoltà a sistemare il mio cervello attorno a questo. Un esempio che posso analizzare in Firebug sarebbe molto apprezzato.

Grazie

Answer 1

Un modo semplice per creare un riferimento circolare è quello di avere un oggetto che si riferisce a se stesso in una proprietà:

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

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

Qui l'oggetto foo contiene un riferimento ad essa.

Con chiusure questo è solitamente più implicito, da solo avere il riferimento circolare portata, non come una proprietà esplicita di un oggetto:

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(); 

Qui la funzione memorizzata in circular riferisce alla variabile circular, e quindi a se stesso. Contiene implicitamente un riferimento a se stesso, creando un riferimento circolare. Anche se circular ora esce dall'ambito, viene comunque fatto riferimento dall'ambito delle funzioni. I semplici garbage collector non riconoscono questo ciclo e non raccoglieranno la funzione.

Answer 2

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

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

    function mouse() { 
    } 
    } 
}

Come si può vedere, il gestore è nidificato all'interno della attacher, il che significa che si chiude sopra il campo di applicazione del chiamante.

Answer 3

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

stampa a o b sarebbe tornato Circular.

Answer 4

O anche più semplice, un array "contenente" stesso. Vedi l'esempio:

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(); 

circolare e con chiusure.

Answer 6

Probabilmente il modo più breve per definire un oggetto ciclico.

a = {}; a.a = a; 

Answer 7

o utilizzando ES6:

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

circular = new Circular(); 

Answer 8

Si può fare:

• 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()