Ext js面向对象的特性

以前学Ext js的时候没有注意到 它面向对象的特性，今天不小心看到一篇文章提到了，于是我去总结了一下。

1、支持命名空间（Java里用的是包的概念） Ext.namespace("Ext.ling"); //这句话相当于声明了一个命名空间2、支持类实例属性 Ext.apply(Ext.ling.Person.prototype,{ name:"lingyibin" }); //给Person类添加了name属性，并赋了值。这里跟大家讲另一个东西，就是{ }和[ ]在js应用中的区别。前者表示一个类，后者表示一个数组。因为类里面都有属性名，所以前者的格式一般都是{property1:value1, property2:value2 ……}3、类的实例方法 Ext.namespace("Ext.ling"); Ext.ling.Person = Ext.emptyFn; Ext.apply(Ext.ling.Person.prototype,{ name:"", sex:"", print:function(){ alert(String.format("姓名:{0},性别:{1}",this.name,this.sex)); } }); 使用： var person = new Ext.ling.Person(); person.name = "ling"; person.sex = "male"; person.print();4、类的静态方法 Ext.ling.Person.print = function(_name,_sex){ var person = new Ext.ling.Person(); person.name = _name; person.sex = _sex; person.print(); }5、构造方法 Ext.ling.Person = function(_cfg){ Ext.apply(this,_cfg); } Ext.ling.Person.print = function(_name,_sex){ var person = new Ext.ling.Person({name:_name,sex:_sex}); person.print(); } Ext.apply(Ext.ling.Person.prototype,{ print:function(){ alert(String.format("姓名:{0},性别:{1}",this.name,this.sex)); } }); 使用： var p = new Ext.ling.Person({name:"ling",sex:"男"}); p.print();6、类继承Ext.namespace("Ext.ling");Ext.ling.Person = function(_cfg){ //父类 Ext.apply(this,_cfg);};Ext.apply(Ext.ling.Person.prototype, { job:"Jobless", print:function(){ alert(String.format("姓名：{0}，性别：{1}，角色：{2}",this.name, this.sex,this.job)); }}); Ext.ling.Teacher = function(_cfg){ //子类 Ext.apply(this,_cfg); } Ext.extend(Ext.ling.Teacher,Ext.ling.Person, {job:"老师"}); //继承了父类，并给job赋了值7、重写 Ext.extend(Ext.ling.Teacher,Ext.ling.person,{ print:function(){ alert("这个方法被我改写了！"); } });