ExtJS-类系统(Class System)原理


更新记录
2022年7月3日 发布。
2022年7月2日 从笔记迁移到博客。

ExtJS教程汇总:https://www.cnblogs.com/cqpanda/p/16328016.html

Ext类说明

Ext是一个全局单例对象(Global Singleton Object)
Ext在内部封装了Ext中的所有类、单例对象、辅助方法等内容,顶层命名空间
Ext类中同时提供了其他类中常用方法的快捷方式(Shortcuts)
Ext提供了超过 300个类用于不同功能
Ext是单例(Singleton)类型,自身有78个方法和59个属性

所有类型的xtype字符串

image
https://docs.sencha.com/extjs/7.3.0/modern/Ext.enums.Widget.html

类的处理过程-预处理器和后处理器(Preprocessors and postprocessors)

说明

ExtJS中的类都是Ext.Class类的实例
当使用Ext.define方法定义类时,实际上是定义Ext.Class类的实例
Ext.Class类是一个工厂方法,用于处理类初始化的各个过程
当使用Ext.create方法的时候,ExtJS内部使用预处理器和后处理器来处理类的初始化
预/后处理器可以是异步的,也可以是同步的,也可以自己定义处理器
image

预处理器(preprocessor)
预处理器在Ext.Class类实例创建之前执行,也就是在类型创建之前执行
每个预处理过程都有可能会改变类的内容
后处理器(postprocessor)
后处理器在类的实例创建之后执行
比如:使类单例化(singleton)、定义类别名(define alternative names)

获得预处理器信息

//获得预处理器
var pre = Ext.Class.getDefaultPreprocessors();
console.log(pre);
//["className", "loader", "extend", "privates", "statics", "inheritableStatics", "config", "cachedConfig", "mixins", "alias"]

每个预处理器作用的简要描述:
image

获得后处理器信息

//获得后处理器
var post = Ext.ClassManager.defaultPostprocessors;
console.log(post);
//["platformConfig", "alias", "singleton", "alternateClassName", "debugHooks", "deprecated", "uses"]

每个后处理器作用的简要描述:
image

原创文章,作者:Carrie001128,如若转载,请注明出处:https://blog.ytso.com/271289.html

(0)
上一篇 2022年7月3日
下一篇 2022年7月3日

相关推荐

发表回复

登录后才能评论