Ext學習筆記1-基礎概念

1- EXT自定義名稱空間

Ext.namespace("Ext.wang"); 
Ext.wang.HelloWord = Ext.emptyFn;  //這條語句相當於Ext.wang.HelloWord = function(){};

2- EXT類例項屬性 Ext.apply方法2-

Ext.namespace("Ext.wang"); //定義名稱空間
Ext.wang.Person = Ext.emptyFn;  //在自定義名稱空間中建立類 Person
Ext.apply(Ext.wang.Person.prototype,{      //Ext.apply為Ext類的靜態方法,其方法意思是將name屬性新增到Person的原型屬性(prototype)中
                name:'王五'                              //其方法意思是將name屬性新增到Person的原型屬性(prototype)中
            }); 

呼叫:

Ext.onReady(function(){
    var _person = new Ext.wang.Person();
   
        alert(_person.name);
        _person.name = '王五';
        alert(_person.name);
});
    

3-EXT類例項方法 Ext.apply方法

--一個物件所具有的功能與動作

Ext.namespace("Ext.wang");
Ext.wang.Person = Ext.emptyFn;
Ext.apply(Ext.wang.Person.prototype,{
                name:'王五',
                sex:'男',
                age:18,
                print:function(){                  
                    alert(String.format("姓名:{0},性別:{1},年齡:{2}", this.name, this.sex, this.age));
                }
            }); 
Ext.onReady(function(){
    var _person = new Ext.wang.Person();
    _person.print();
    _person.name="王五";
    _person.sex="女";
    _person.age=20;
    _person.print();
});

4-EXT類靜態方法

--在一個類級別上共享的方法.

示例:

Ext.namespace("Ext.wang");
Ext.wang.Person = Ext.emptyFn;
Ext.apply(Ext.wang.Person.prototype,{
                name:'王五',
                sex:'男',
                age:18,
                print:function(){
                    alert(String.format("姓名:{0},性別:{1},年齡:{2}", this.name, this.sex, this.age));
                }
            });
Ext.wang.Person.display = function(_name,_age){    //這裡定義了靜態方法 display
    alert(String.format("{0}在跳舞,他今年{1}歲",_name,_age));
} 
Ext.onReady(function(){

    Ext.wang.Person.display("王五",18);  //這裡呼叫了靜態方法
});

5-EXT中的構造方法

--在初始化一個物件的同時執行的方法

Ext.namespace("Ext.wang");
//Ext.wang.Person = Ext.emptyFn;
Ext.wang.Person = function(_cfg){   //這個就是Ext中的構造方法 可以和上行註釋的程式碼進行對比
    Ext.apply(this ,_cfg);                    //這個方法可以直接將_cfg 註冊到this物件中(該方法解釋參照2-Ext類例項屬性 )
}
Ext.apply(Ext.wang.Person.prototype,{
                name:'',
                sex:'',
                age:0,
                print:function(){
                    alert(String.format("姓名:{0},性別:{1},年齡:{2}", this.name, this.sex, this.age));
                }
            });
Ext.wang.Person.display = function(_name,_age){
    alert(String.format("{0}在跳舞,他今年{1}歲",_name,_age));
} 
Ext.onReady(function(){
    var _person = new Ext.wang.Person({
        name:"王五",
        sex:"男",
        age:30
    });
    _person.print();
   
});