extjs 面向对象

最新推荐文章于 2012-12-17 18:32:49 发布

jamm1986

最新推荐文章于 2012-12-17 18:32:49 发布

阅读量91

点赞数

文章标签： EXT prototype

本文链接：https://blog.csdn.net/jamm1986/article/details/83459337

版权

[size=large]1：支持命名空间 [/size]

 <script type="text/javascript">
     //定义一个命名空间
     Ext.namespace("Ext.wentao");
     //在命名空间上定义一个类
     Ext.wentao.helloworld = Ext.emptyFn;

     //创建一个类的实例
     new Ext.wentao.helloworld();       
 </script>

[size=large] 其中[/size]

Ext.wentao.helloworld = Ext.emptyFn;

[size=large]等价于[/size]

Ext.wentao.helloworld = function(){};

[size=large]2：支持类实例属性[/size]

<script type="text/javascript">
    Ext.namespace("Ext.wentao"); //自定义一个命名空间
    Ext.wentao.Person = Ext.emptyFn; //在命名空间上自定义一个类

    //为自定义的类 增加一个 name 属性，并赋值
    Ext.apply(Ext.wentao.Person.prototype, {
        name:"刘文涛"
    })

    var _person = new Ext.wentao.Person();//实例化 自定义类
    alert(_person.name);
    _person.name = "张三";//修改类name属性
    alert(_person.name);
</script>

[size=large]3：支持类实例方法 [/size]

<script type="text/javascript">
    Ext.namespace("Ext.wentao"); //自定义一个命名空间
    Ext.wentao.Person = Ext.emptyFn; //在命名空间上自定义一个类

    //演示类实例方法
    Ext.apply(Ext.wentao.Person.prototype, {
        name:"刘文涛",
        sex:"男",
        print:function(){
            alert(String.format("姓名:{0},性别:{1}",this.name,this.sex));
        }
    })

    var _person = new Ext.wentao.Person();//实例化 自定义类
    _person.print();
</script>

[size=large]4：支持类静态方法[/size]

<script type="text/javascript">
    Ext.namespace("Ext.wentao"); //自定义一个命名空间
    Ext.wentao.Person = Ext.emptyFn; //在命名空间上自定义一个类

    //演示类实例方法
    Ext.apply(Ext.wentao.Person.prototype, {
        name:"刘文涛",
        sex:"男",
        print:function(){
            alert(String.format("姓名:{0},性别:{1}",this.name,this.sex));
        }
    })

    //演示 类静态方法
    Ext.wentao.Person.print = function(_name,_sex){
        var _person = new Ext.wentao.Person();
        _person.name = _name;
        _person.sex = _sex;
        _person.print(); //此处调用类 实例方法，上面print是类 静态方法
    }

    Ext.wentao.Person.print("张三","女"); //调用类 静态方法
</script>

[size=large]5：支持构造方法 [/size]

<script type="text/javascript">
    Ext.namespace("Ext.wentao"); //自定义一个命名空间

    //构造方法
    Ext.wentao.Person = function(_cfg){
        Ext.apply(this,_cfg);
    }

    //演示类实例方法
    Ext.apply(Ext.wentao.Person.prototype, {
        print:function(){
            alert(String.format("姓名:{0},性别:{1}",this.name,this.sex));
        }
    })

    //演示 类静态方法
    Ext.wentao.Person.print = function(_name,_sex){
        var _person = new Ext.wentao.Person({name:_name,sex:_sex});
        _person.print(); //此处调用类 实例方法，上面print是类 静态方法
    }

    Ext.wentao.Person.print("张三","女"); //调用类 静态方法
</script>

[size=large]6：支持类继承 [/size]

<script type="text/javascript">
    Ext.namespace("Ext.wentao"); //自定义一个命名空间

    //*******************父类*********************
    //构造方法
    Ext.wentao.Person = function(_cfg){
        Ext.apply(this,_cfg);
    }

    //演示类实例方法
    Ext.apply(Ext.wentao.Person.prototype, {
        job:"无",
        print:function(){
            alert(String.format("姓名:{0},性别:{1},角色:{2}",this.name,this.sex,this.job));
        }
    })

    //*******************子类1*********************

    Ext.wentao.Student = function(_cfg){
      Ext.apply(this,_cfg);
    }

   Ext.extend(Ext.wentao.Student,Ext.wentao.Person,{
       job:"学生"
   })

    var _student = new Ext.wentao.Student({name:"张三",sex:"女"});
   _student.print(); //调用 父类方法
</script>

[size=large]7：支持类实例方法重写 [/size]

<script type="text/javascript">
    Ext.namespace("Ext.wentao"); //自定义一个命名空间

    //*******************父类*********************
    //构造方法
    Ext.wentao.Person = function(_cfg){
        Ext.apply(this,_cfg);
    }

    //演示类实例方法
    Ext.apply(Ext.wentao.Person.prototype, {
        job:"无",
        print:function(){
            alert(String.format("姓名:{0},性别:{1},角色:{2}",this.name,this.sex,this.job));
        }
    })

    //*******************子类1*********************

    Ext.wentao.Student = function(_cfg){
      Ext.apply(this,_cfg);
    }

    //重写父类的  实例 方法
   Ext.extend(Ext.wentao.Student,Ext.wentao.Person,{
       job:"学生",
        print:function(){
            alert(String.format("{0}是一位{1}{2}",this.name,this.sex,this.job));
        }
   })

    var _student = new Ext.wentao.Student({name:"张三",sex:"女"});
   _student.print(); //调用 父类方法
</script>

[size=large]8：支持命名空间别名 [/size]

<script type="text/javascript">
    Ext.namespace("Ext.wentao"); //自定义一个命名空间

    Wt = Ext.wentao; //命名空间的别名

    //*******************父类*********************
    //构造方法
    Wt.Person = function(_cfg){
        Ext.apply(this,_cfg);
    }

    //演示类实例方法
    Ext.apply(Wt.Person.prototype, {
        job:"无",
        print:function(){
            alert(String.format("姓名:{0},性别:{1},角色:{2}",this.name,this.sex,this.job));
        }
    })

    //*******************子类1*********************

    Wt.Student = function(_cfg){
      Ext.apply(this,_cfg);
    }

    //重写父类的  实例 方法
   Ext.extend(Wt.Student,Ext.wentao.Person,{
       job:"学生",
        print:function(){
            alert(String.format("{0}是一位{1}{2}",this.name,this.sex,this.job));
        }
   })

    var _student = new Wt.Student({name:"张q三",sex:"女"});
   _student.print(); //调用 父类方法
</script>

[size=large]
9：支持类别名[/size]

<script type="text/javascript">
    Ext.namespace("Ext.wentao"); //自定义一个命名空间

    Wt = Ext.wentao; //命名空间的别名

    //*******************父类*********************
    //构造方法
    Wt.Person = function(_cfg){
        Ext.apply(this,_cfg);
    }

    PN = Wt.Person; //类别名

    //演示类实例方法
    Ext.apply(PN.prototype, {
        job:"无",
        print:function(){
            alert(String.format("姓名:{0},性别:{1},角色:{2}",this.name,this.sex,this.job));
        }
    })

    //*******************子类1*********************

    Wt.Student = function(_cfg){
      Ext.apply(this,_cfg);
    }

    ST = Wt.Student;

    //重写父类的  实例 方法
   Ext.extend(ST,PN,{
       job:"学生",
        print:function(){
            alert(String.format("{0}是一位{1}{2}",this.name,this.sex,this.job));
        }
   })

    var _student = new ST({name:"张q三",sex:"女"});
   _student.print(); //调用 父类方法
</script>