创建对象时交叉引用 js-object 变量

Question

摘要：

我想知道是否可以执行以下操作：

{a: 'A',b: this.a}

...通过使用其他指针，例如 {a: 'A',b: self.a} 或 { a: 'A',b: own.a} 或其他任何...

完整问题：

我正在尝试使用 Ext.extend 扩展 MyBaseModule，并且需要交叉引用传递给的扩展对象中的值Ext.extend()。

由于我尚未进入 MyModule 上下文，因此无法使用 this 来引用该对象（请参阅第 12 行下面的示例）。有没有其他方法可以在不先创建对象的情况下引用这样的值？

1 MyModule = Ext.extend(MyBaseModule, {
2   dataStores: {
3       myDataStore: new Ext.data.Store({...})
4   },
5
6   myGridDefinition: {
7       id:                 'myGridDefinitionPanel',
8       bodyBorder:         false,
9       items: [{
10          xtype:          'grid',
11          id:             'myGridDefinitionGrid',
12          store:          this.dataStores.myDataStore
13      }]
14  }
15 });

或者以下是唯一的解决方案？ 如果可能的话，我想避免这种情况，因为我发现它对于大型扩展定义来说可读性较差。

1 var extensionObject = {
2   dataStores: {
3       myDataStore: new Ext.data.Store({...})
4   },
5
6   myGridDefinition: {
7       id:                 'myGridDefinitionPanel',
8       bodyBorder:         false,
9       items: [{
10          xtype:          'grid',
11          id:             'myGridDefinitionGrid'
12      }]
13  }
14 };
15
16 extensionObject.locationsGrid.items[0].store = extensionObject.dataStores.locations;
17
18 MyModule = Ext.extend(MyBaseModule, extensionObject);

Answer 1

您可以逐步构建对象：

var dataStores = {
    myDataStore: new Ext.data.Store({...})
};

var extensionObject = {
    dataStores: dataStores,
    myGridDefinition: {
        id: 'myGridDefinitionPanel',
        bodyBorder: false,
        items: [{
            xtype: 'grid',
            id: 'myGridDefinitionGrid',
            store: dataStores.myDataStore
        }]
    }
};

另一种方法：

var extensionObject = {
    dataStores: {
        myDataStore: new Ext.data.Store({...})
    }
};

extensionObject.myGridDefinition = {
    id: 'myGridDefinitionPanel',
    bodyBorder: false,
    items: [{
        xtype: 'grid',
        id: 'myGridDefinitionGrid',
        store: extensionObject.dataStores.myDataStore
    }]
};