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();
   
});