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

Question

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

我一直在 sencha touch 2 应用程序上关注 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'
}]

是一个对象字面量数组。