Ext.namespace() Ext命名空间介绍

Ext.namespace()  Ext命名空间介绍

1：支持命名空间

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

其中 Ext.wentao.helloworld = Ext.emptyFn; 等价于 Ext.wentao.helloworld = function(){};

2：支持类实例属性

<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>

3：支持类实例方法

<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>

4：支持类静态方法

<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>

5：支持构造方法

<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>

6：支持类继承

<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>

7：支持类实例方法重写

<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>

8：支持命名空间别名

<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>

9：支持类别名

<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>

转载于:https://www.cnblogs.com/holyes/archive/2012/06/26/79a25112ce11cbe65e14fbcaa8cc814f.html