何时在sencha touch中使用方括号和花括号？

Question

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

我一直在关注sencha touch 2 app this tutorial。我是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. 在编码sencha touch时，有没有人可以帮助我正确使用卷曲和方括号？

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

Answer 1

这只是基本的javascript。

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

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

是一个对象文字数组。