Ext.js4.2.1中Ext.define有什么用

這篇文章給大家分享的是有關Ext.js4.2.1中Ext.define有什么用的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

一：描述

define(String className, Object data, Function createdFn): Ext.Base
define方法最多接受3個參數，className(類的名字)，data(Object對象)，createdFn(回調函數)
常用于 定義一個類，覆蓋一個類 或者擴展一個類的屬性或方法。

二：方法講解

1. Ext.define("Person", {
   

2.             config : {
   

3.                 Name : '',
   

4.                 Age : 0
   

5.             },
   

6.             Say : function(msg) {
   

7.                 Ext.Msg.alert(this.Name + " Says:", msg);
   

8.             },
   

9.             constructor : function(config) {
   

10.                 this.initConfig(config);
    

11.             }
    

12.         });
    

13. 
    

14.         Ext.define("Animal", {
    

15.             Sing : function() {
    

16.                 Ext.Msg.alert("Sing", "lalalalalallalalal");
    

17.             }
    

18.         });
    

19. 
    

20.         Ext.define("MyApp.Developer", {
    

21.             extend : 'Person',
    

22.             mixins : {
    

23.                 canSing : 'Animal'
    

24.             },
    

25.             alias : 'Developer',
    

26.             requires : [],
    

27.             config : {},
    

28.             Coding : function(code) {
    

29.                 Ext.Msg.alert(this.Name + " coding", code);
    

30.             },
    

31.             statics : {
    

32. 
    

33.                 test : function(msg) {
    

34.                     return "Test " + msg;
    

35.                 }
    

36.             }
    

37.         });
    

38. 
    

39.         var Alex = Ext.create("Developer", {
    

40.             Name : "Alex",
    

41.             Age : 26
    

42.         });
    

43. 
    

44.         Alex.setAge(33);
    

45.         alert(Alex.getAge());
    

46.         alert(MyApp.Developer.test('any way!'));
    

47.         Alex.Sing();
    

48.         Alex.Coding("int i=1;");

1.config
配置項,會調用this.initConfig(config)將配置項初始化，每個配置項自動生成4個函數：get，set，reset，apply 

2.extend
 用于類的繼承

3.mixins  
類的混合，和Ext.override 類似。但它不會像override 那樣，覆蓋原有的功能。

4.alias
類的別名

5.requires
ExtJS4的requires是新增的機制，主要是實現異步加載機制。這樣在不點擊對應的按鈕或者選項的時候就不會加載對應的js文件，提高了加載速度和用戶等待時間。 
requires機制的實現通過一個Ext.Loader.setConfig函數來設置文件尋找的映射目錄，然后在需要用到對應js文件的時候使用Ext.require進行加載。 

6.statics
可以在類中定義靜態的方法



三：其它

1.Ext.apply(object,config,[defaults]):Object

該方法包含三個參數，第一個參數是要拷貝的目標對象，第二個參數是拷貝的源對象，第三個參數是可選的，表示給目標對象提供一個默認值。可以簡單的理解成把第三個參數（如果有的話）及第二個參數中的屬性拷貝給第一個參數對象

2.Ext.applyIf(object,config):Object

功能跟apply一樣，只是不會拷貝那些在目標對象及源對象都存在的屬性

感謝各位的閱讀！關于“Ext.js4.2.1中Ext.define有什么用”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！