Extjs 面向对象程序设计

1、命名空间

 

//定义一个命名空间
Ext.namespace("Ext.dojochina") ;
//创建一个类，Ext.emptyFn =定义个空方法 也可以写成 function(){}
Ext.dojochina.HelloWorld = Ext.emptyFn ;

 

2、类实例属性

 

Ext.namespace("Ext.dojochina") ;

Ext.dojochina.Person = Ext.emptyFn ;

//定义一个name属性
Ext.apply(Ext.dojochina.Person.prototype , {
	    name:"123"
                }) ;

 

<script>
    var _person = new Ext.dojochina.Person();//定义类
    alert(_person.name);//调用一个属性
    _person.name = "ABC";//对一个属性赋值
    alert(_person.name);//调用一个属性
</script>

3、实例方法体

Ext.namespace("Ext.dojochina") ;

Ext.dojochina.Person = Ext.emptyFn ;

Ext.apply(Ext.dojochina.Person.prototype , {
                      name:"",
	      sex:"",
	      print:function(){ //创建个方法
			 alert(String.format("姓名:{0},性别:{1}" , this.name , this.sex)) ;}
}) ;

 

<script>
     var _person = new Ext.dojochina.Person() ; //创建类
     _person.name = "陈治文" ; //定义属性
     _person.sex = "男" ;
     _person.print() ; //调用方法
     _person.name = "张妍娜" ;
     _person.sex = "女" ;
     _person.print() ;
</script>

 4、定义类静态方法

Ext.namespace("Ext.dojochina") ;

Ext.dojochina.Person = Ext.emptyFn ;

//定义了一个静态方法
Ext.dojochina.Person.print = function(_name , _sex){
	//调用类
	var _person = new Ext.dojochina.Person() ;
	//赋值属性
	_person.name = _name ;
	_person.sex = _sex ;
	//调用方法
	_person.print() ;
}

//创建个方法
Ext.apply(Ext.dojochina.Person.prototype , {
	    name:"",
	    sex:"",
	    print:function(){
		 alert(String.format("姓名:{0},性别:{1}" , this.name , this.sex)) ;}
}) ;

 

<script type="text/javascript">
      Ext.dojochina.Person.print("陈治文" , "男") ;//调用静态方法	
    Ext.dojochina.Person.print("张妍娜" , "女") ;
</script>