JavaScript的写类方式（4）

工具函数如下

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

/**  * $class 写类工具函数之三  * @param {String} className  * @param {Function} superClass  * @param {Function} classImp  */ function $class(className, superClass, classImp) {     if (superClass === "") superClass = Object;     function clazz() {         if (typeof this.init == "function") {             this.init.apply(this, arguments);         }     }     var p = clazz.prototype = new superClass();     var _super = superClass.prototype;     window[className] = clazz;     classImp.apply(p, [_super]); }

定义一个Person类

?

1 2 3 4 5 6 7 8 9 10 11 12 13

$class('Person', '', function() {     // 构造函数     this.init = function(name) {         this.name = name;     };     // 方法体     this.getName = function() {         return this.name;     };     this.setName = function(name) {         this.name = name;     }; });

创建对象看看

?

1 2 3

var p = new Person('Jack'); console.log(p); console.log(p.constructor == Person); // false

使用该工具函数写类需注意，this.init方法必不可少。使用过Prototype库的同学会知道Class.create后的initialize方法也是必不可少的。

因为没考虑继承，第二个参数superClass使用空字符串，即默认继承于Object。

从输出为false可看到，这个工具类没有去维护constructor属性。 设计的每一种写类方式都是有取舍的，这完全取决于设计者的意图。

 

相关：

JavaScript的写类方式（5）

JavaScript的写类方式（6）