Частные функции и переменные ExtJs4?

Question

В моем текущем проекте я использую ExtJs3.3.
Я создал много классов, которые имели частные переменные и функции. Для например:

MyPanel = function(config){ 
    config = config || {}; 

    var bar = 'bar';//private variable 

    function getBar(){//public function 
    return bar; 
    } 

    function foo(){ 
    //private function 
    } 

Ext.apply(config, { 
    title: 'Panel', 
    layout: 'border', 
    id: 'myPanel', 
    closable: 'true', 
    items: [] 
}); 

    MyPanel.superclass.constructor.call(this, config); 
}; 
Ext.extend(MyPanel , Ext.Panel, { 
    bar: getBar 
}); 
Ext.reg('MyPanel', MyPanel); 

Я понимаю, что новый способ делать вещи в ExtJs4 является использование метода Ext.define. Так как мое выше фрагмент кода будет выглядеть примерно так:

Ext.define('MyPanel', { 
    extend: 'Ext.panel.Panel', 

    title: 'Panel', 
    layout: 'border', 
    closable: true, 

    constructor: function(config) { 

    this.callParent(arguments); 
    }, 

}); 

Так что я хочу знать, как я могу определить частные переменные и функции в ExtJs4 аналогично тому, как я сделал это в ExtJs3?
Другими словами, я понимаю, что метод Ext.define позаботится об определении, расширении и регистрации моего нового класса, но где я должен объявить javascript var, которые не являются свойствами самого класса, но необходимы классу.

MyPanel = function(config){ 
    //In my Ext3.3 examples I was able to declare any javascript functions and vars here. 
    //In what way should I accomplish this in ExtJs4. 

    var store = new Ext.data.Store(); 

    function foo(){ 
    } 
    MyPanel.superclass.constructor.call(this, config); 
}; 

Answer 1

Я не большой поклонник применения таких частных переменных, как это, но, конечно, это можно сделать. Просто установка функции сбруя (закрытие) переменной в конструкторе/функция InitComponent:

constructor: function(config) { 
    var bar = 4; 
    this.callParent(arguments); 

    this.getBar = function() { 
     return bar; 
    } 
},... 

Answer 2

Вот именно то, что конфигурация для, проверить это из ExtJS документации:

конфигурации: Object Список опций конфигурации с их значениями по умолчанию, для которых генерируются автоматически методы доступа. Например:

Ext.define('SmartPhone', { 
    config: { 
     hasTouchScreen: false, 
     operatingSystem: 'Other', 
     price: 500 
    }, 
    constructor: function(cfg) { 
     this.initConfig(cfg); 
    } 
}); 

var iPhone = new SmartPhone({ 
    hasTouchScreen: true, 
    operatingSystem: 'iOS' 
}); 

iPhone.getPrice(); // 500; 
iPhone.getOperatingSystem(); // 'iOS' 
iPhone.getHasTouchScreen(); // true; 
iPhone.hasTouchScreen(); // true 

Таким образом, вы скрываете свое фактическое поле и все еще имеете к нему доступ.

Answer 3

Вы можете создать частных участников, как это. Но это не поможет, если вы делаете более одного экземпляра для этого класса.

Ext.define('MyPanel', function(){ 

    var bar = 'bar';//private variable 

    function foo(){ 
     //private function 
    }; 
    return { 
     extend: 'Ext.panel.Panel', 
     title: 'Panel', 
     layout: 'border', 
     closable: true, 

     constructor: function(config) { 

      this.callParent(arguments); 
     }, 

     getBar: function(){//public function 
      return bar; 
     } 

    }; 

}); 

спасибо,

нанду