干净处理子对象的Javascript框架

Javascript framework that cleanly handles sub-objects?

本文关键字:Javascript 框架 对象 理子 处理      更新时间:2023-09-26

我一直在对主干和敲除等框架进行大量研究,并试图找出处理密集对象层次结构和将对象参数绑定到DOM时的最佳选择。

我使用的对象有自己的参数,但也包含对象。这些对象依次具有自己的参数并包含对象等。达到大约5-6个对象的级别。例如:

var Program = {
    id: 123,
    name: "some name",
    cycle1 {
        cycleName: "another name",
        startDate: "1-1-2012",
        day1 {
            startDate: "1-1-2012",
            metaData {
                foo: "bar",
                foo2: "bar 2"
            }
        }
        day2 {
            startDate: "1-1-2012",
            metaData {
                foo: "bar",
                foo2: "bar 2"
            }
        }
    }
    cycle2 {
        cycleName: "another name",
        startDate: "1-1-2012",
        day1 {
            startDate: "1-1-2012",
            metaData {
                foo: "bar",
                foo2: "bar 2"
            }
        }
        day2 {
            startDate: "1-1-2012",
            metaData {
                foo: "bar",
                foo2: "bar 2"
            }
        }
    }
}

这是一个非常简单的例子,但给出了一个想法。这里有一个Program对象,它将包含未知数量的Cycle对象,其中包含Day对象,其中将包含MetaData对象。同样,其数量几乎肯定是完全可变的,并且每个项都需要绑定到一个DOM元素。

我知道Backbone真的不适合嵌套。。。虽然Knockout可能也不是,但我觉得我可能会更快地找到它。

我不能说Backbone,但Knockout可以很好地处理嵌套对象。

例如,您可以设置一个用于迭代主对象的模板,然后在该模板内设置一个元素,使用另一个模板迭代子对象,依此类推

或者,您可以直接在主模板中迭代子对象,或者最适合您的用例。