mootools setOptions 发生too much recursion问题

kentchenj

于 2008-07-23 10:30:00 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

文章标签： recursion mootools layout function events object

本文链接：https://blog.youkuaiyun.com/kentchenj/article/details/2694593

本文介绍了一个关于Container和Layout双向关联导致递归错误的问题。在设置布局的过程中，由于对象间相互引用形成了无限循环，从而引发递归错误。文章通过具体代码示例展示了错误发生的情景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

两个很简单的类

Container = new Class({
    Implements: [Events, Options],
    layout: null,
    initialize: function(options){
        this.setOptions(options);
    },
    setLayout: function(l){
        this.layout = l;
        this.layout.setContainer(this);
    }
});

Layout = new Class({
    Implements: [Events, Options],
    options: {
        item: null
    },
    container: null,
    initialize: function(o){
        this.setOptions(o);
    },
    setContainer: function(c){
        this.container = c;
    }
});

window.addEvent('domready', function(){
    var innerContainer = new Container();
    
    innerContainer.setLayout(new Layout());
    
    var container = new Container();
    var layout = new Layout({
        item: innerContainer
    });
});

执行的时候出现了：too much recursion
跟踪代码发现setOption方法会调用$unlink()方法，其中有递归代码：
for (var p in object) unlinked[p] = $unlink(object[p]);进行深度copy，把参数复制到options中。

而这段代码中Container和Layout是双向关联的。
container.setLayout()时又会把layout赋给container，而
this.layout.setContainer(this)又会把container赋给layout，所以就会出现递归调用而出错了