干净地处理子对象的 JavaScript 框架？

Question

我一直在对backbone和knockout等框架进行大量研究，并试图找出处理密集对象层次结构以及将对象参数绑定(bind)到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 对象。同样，其数量几乎肯定是完全可变的，并且每个项目都需要绑定(bind)到一个 DOM 元素。

我知道 Backbone 确实不适合嵌套……虽然 Knockout 也可能不适合嵌套，但我觉得我可能可以更快地掌握它。

Answer 1

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

例如，您可以设置一个用于迭代主对象的模板，然后在该模板内设置一个元素，在其中使用另一个模板来迭代子对象，等等。

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