extjs - sencha touch 什么时候使用方括号和大括号？

Question

这可能是一个愚蠢的问题，但在这里。

我一直在关注sencha touch 2 app 上的本教程。我对 Ext JS 很陌生，我不明白何时使用square brackets : [ .. ]或curly brackets : { .. }.

Ext.define("NotesApp.view.NotesListContainer", {
    extend: "Ext.Container",
    config: {
        items: [{
            xtype: "toolbar",
            docked: "top",
            title: "My Notes",
            items: [{
                xtype: "spacer"
            }, {
                xtype: "button",
                text: "New",
                ui: "action",
                id:"new-note-btn"
            }]
        }]
    }
});

就像这里

html: [
                        '<img src="http://staging.sencha.com/img/sencha.png" />',
                        '<h1>Welcome to Sencha Touch</h1>',
                        "<p>You're creating the Getting Started app. This demonstrates how ",
                        "to use tabs, lists and forms to create a simple app</p>",
                        '<h2>Sencha Touch 2</h2>'
                    ].join("")

1. 任何人都可以在编码煎茶触摸时帮助我正确使用大括号和方括号吗？

2. 为什么不直接使用大括号 { .. } ？为什么 ext js 必须使用 [ .. ] 和 { .. } ？

Answer 1

这只是基本的javascript。

[]表示数组，表示{}对象字面量，因此：

[{
    xtype: 'foo'
}, {
    xtype: 'bar'
}]

是一个对象字面量数组。