1: SquarePanel = Ext.extend(Ext.Panel, {

   2:     //Устанавливаем размер панели по умолчанию

   3:     width: 100,

   4:     height: 100,

   5:     onResize: function(width, height) {

   6:         //Если размеры нашей панели были изменены, причем непропорционально - вернуть ей квадратную форму

   7:         if (width != height) {

   8:             this.body.setWidth(height);

   9:         }

  10:         //Вызываем базовый метод класса-родителя, т.е. - класса Panel.

  11:         SquarePanel.superclass.onResize.call(this, height, height);

  12:     },

  13:     //Добавляем метод который позволит нам изменять размеры нашей панели, указав лишь размер одной ее стороны

  14:     setSquareSize(length){

  15:         this.body.setWidth(length);

  16:         this.body.setHeight(length);

  17:     }

  18: });

   1: //создаем пустую функцию-класс F

   2: var F = function(){},

   3:     //сюда будет записана ссылка на прототип дочернего класса (т.е. нашего собственного)

   4:     sbp, 

   5:     //сюда будет записана ссылка на прототип родительского класса

   6:     spp = sp.prototype;

   7: //прототипом класса F становится прототип родительского класса

   8: F.prototype = spp;

   9: //прототипом нашего же класса становится класс F

  10: sbp = sb.prototype = new F();

  11: //далее идет переопределение конструктора и назначение суперкласса

  12: sbp.constructor=sb;

  13: sb.superclass=spp;

  14: //...много непонятных буков

   1: //sb - это наш класс SquarePanel, а overrrides - объект содержащий дополнения к нашему классу

   2: Ext.override(sb, overrides);

   1: DifferentSquarePanel = Ext.extend(SquarePanel, {/* some additional logic here */})