javascript定义类

 

javascript定义类

作者：[e-mail]
日期：2011-12-26

---

javascript中类是通过function实现的，类的对象是通过new那个function来获得。这里面包含一些细节值得探讨。

一、声明并创建单实例对象

首先需要注意的是，对于单实例对象不是通过function来实现，而是通过枚举来实现的。举个例子如下：

代码（可以建个空HTML文件，把这段代码粘帖到脚本的<Script>标签对里来测试）：

            var obj1 = {        Name : "zhangsan",        Age : 28,        SayHello : function() { alert("Hello "+this.Name); }    };        obj1.SayHello();                

注意：这里仅是声明并创建了一个单实例对象obj1；不是类，所以没有机会new。

二、类的构造函数

声明类的构造函数可以有以下两种写法，下面以“人”类的定义为示例：

• function Human() {} 或者：
• var Human = function() {}

接下类声明一个包含属性与方法的Human类，代码如下：

         function Human(name, age) {        this.name = name;   // 成员属性如此定义        this.age = age;                // 第一种声明方法的办法：在类的内部直接声明        this.methodA = function() {             alert("Hello " + this.name);        }    }        // 第二种声明方法的办法：在类的外部通过“类.prototype.方法名 = function(){}”来定义    Human.prototype.methodB = function() { alert("Hello " + this.name); }        var obj1 = new Human("张三", 18);    obj1.methodA();    obj1.methodB();         var obj2 = new Human();    obj2.methodA();    obj2.methodB();              

第二种声明方法的办法可以做到在不修改前面那部分类声明代码，而为类添加新的方法。这种办法灵活性很强，实际工作中应用较多，例如经常可以看到通过这种方法为javascript的内置对象String扩展trim()方法：String.prototype.trim()=function(){...}

三、为对象动态添加属性

看这段代码：

        function Human(name, age) {        this.name = name;   // 成员属性如此定义        this.age = age;    }        var obj1 = new Human("张三", 18); // 上面类声明中并没有这个属性        obj1.sex = "男";    alert(obj1.sex);        

上面类声明中并没有sex这个属性，但是给它赋值、调用都成功了。这说明：在运行中可以给类动态增加实例属性。 其实，javascript关于此功能的语法是：（1）如果有这个属性，则是修改属性值；（2）如果没有这个属性，则是添加这个属性并且赋值。

四、类的静态属性与静态方法

为javascript类添加静态成员与上面动态为类添加实例属性的方法有些类似，不同之处就是：（1）上面通过对象名添加的属性是实例属性；（2）如果通过类名来添加则会成为静态成员。看示例代码：

        function Human(name, age) {        this.name = name;   // 成员属性如此定义        this.age = age;    }        Human.count = 100; // 静态属性    Human.staticMethod = function() { alert("Hello " + Human.count); } // 静态方法        Human.staticMethod(); // 调用静态方法            var obj1 = new Human("张三", 18);    obj1.staticMethod(); // 静态方法不能通过对象来调用，本行代码会报错！