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

或者更简单，一个“包含”自身的数组。参见示例：

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

Answer 3

可能是定义循环对象的最短方法。

a = {}; a.a = a;

Answer 4

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

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

    function mouse() {
    }
  }
}

正如您所看到的，处理程序嵌套在附加程序中，这意味着它在调用方的范围内是封闭的。

Answer 5

或者使用 ES6：

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

circular = new Circular();

Answer 6

你可以这样做：

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

Answer 7

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

打印 a 或 b 将返回 Circular。

Answer 8

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

圆形并带有封闭件。