javascript - Javascript-如何将类工厂定义为Extjs样式？

我正在尝试为我的项目创建一个Extjs样式的面向对象的UI库，但是不知道如何声明类结构。

我需要以以下样式创建UI对象的实例：

var Corejs = {}; // the top object of my library,
// var Corejs = function() {}; // or maybe should put it this way,
window.$C = Corejs;
// here should define a `Panel` class, that belong to Corejs in some format,
var aPanel = $C.create('Corejs.Panel', {width: '200px', height:'100px'});

谁能帮我添加定义Panel类的行，以便我可以按照上面显示的方式创建其实例。

最佳答案

您是否正在寻找这样的东西？

var Corejs = {
  classes: {}, // Class name to constructor map
  create: function(name, properties) {
    try  {
      var clazz = Corejs.classes[name];
      var instance = new clazz();

      for (var property in properties) {
        instance[property] = properties[property];
      }

      return instance;

    } catch (error) {
      // Handle this however you want
    }
  }
};

为了使上述方法有效，您的Corejs组件只需向共享的Corejs库注册即可，如下所示：

var Panel = function() { /* ... */ };

Corejs.classes['Panel'] = Panel;

请注意，上述方法仅适用于不需要将参数传递给其构造函数的类。