日期:2014-05-16  浏览次数:20318 次

js自己定义类
JavaScript本身并不是设计成面向对象的,所以没有class之类的关键字用来定义类,但JavaScript本身相当灵活,可以利用function关键字来定义类并创建对象。JavaScript定义类是有多种方式的,这里只详细介绍最常用的一种。
一、定义类并创建实例
     function MyClass() {
        this.id = 5;
        this.name = 'myclass...';
     }
这样,我们就定义了一个MyClass类,里面有两个公共属性 id 和 name。其中this关键字表示当前对象,类似于C#等强类型语言。
注意:列出属性的同时必须对属性进行赋初值,这样JS才会将其解释为对象的属性。
接下来我们可以这样定义类的实例(其中 new 不可省略):
var my = new MyClass();
并以下列形式访问类属性:
my.id
二、定义公有属性和私有字段
在function中,用var定义的变量为私有变量,可以理解为类的私有字段。
用this定义的变量为公有属性。
     function MyClass() {
        this.id = 5;
        var name = 'myclass...';
     }

     my = new MyClass();
     alert(my.id);
     alert(my.name);
     //结果
     // 5
     // undefined
三、定义公有方法和私有方法
同样的,用var定义的方法为私有方法,用this定义的方法为公有方法。
     function myClass() {
        this.id = 5;
        this.alert = function(msg) {
           window.alert(msg);
        }
     }

     my = new myClass();
     my.alert('the function alert is called...');
     //结果
     // the function alert is called...
如果将上述代码的 this.alert = function(msg) 改成var alert = function(msg),那么就不能用my.alert来调用这个方法了。私有方法只能供类内部的其他方法调用。
定义公有方法(实例方法)还有另一种形式,就是利用 prototype 属性,
其实prototype 属性还可以用来扩展内置类的实例方法的,比如去掉字符串两边空格的 trim 方法:String.prototype.trim = function() { return ... }
     function myClass() {
         this.id = 5;
     }
     myClass.prototype.alert = function(msg) {
         window.alert(msg);
     }
     var my = new myClass();
     my.alert('the function alert is called...');
将和上面显示同样的结果。
四、构造函数
新建对象(my = new myClass();)和调用函数(myClass())是相似的,所以我们自然想到为函数添加一些参数,在调用此函数时输入一些参数。新建对象也是一样的。看下面的示例:
     function myClass(id, name) {
        this.id = id;
        this.name = name;
     }

     var my = new myClass(5, 'test name ...');
     alert(my.id);
     alert(my.name);
     //结果
     // 5
     // test name ...
这样定义的构造函数有个局限性,实例化对象的时候如果没有传参数,或少传参数,那么没有实参的参数值将会是undefined,比如将上面代码的对象实例化改为:var my = new myClass(5);
输出结果将会变成:
     // 5
     // undefined
为了让属性具有默认值,比如 int 默认是 0 ,可以采用以下方法,虽然比较麻烦。
     function myClass(id, name) {
        this.id = 0;    //整型默认为0
        this.name = ''; //字符串默认为空字符串
        if (id != null) { //当 id=undefined 时 id==null 依然为true
           this.id = id;
        }
        if (name != null) {
           this.name = name;