JavaScript的写类方式(4)——转

转自:http://www.cnblogs.com/snandy/archive/2011/03/07/1973241.html

 

工具函数如下

01 /**
02  * $class 写类工具函数之三
03  * @param {String} className
04  * @param {Function} superClass
05  * @param {Function} classImp
06  */
07 function $class(className, superClass, classImp){
08     if(superClass === "") superClass = Object;
09   
10     function clazz(){
11         if(typeof this.init == "function"){
12             this.init.apply(this, arguments);
13         }
14     }
15   
16     var p = clazz.prototype = new superClass();
17     var _super = superClass.prototype;
18     window[className] = clazz;
19     classImp.apply(p, [_super]);
20 }

 

定义一个Person类

01 $class('Person', '', function(){
02     // 构造函数
03     this.init = function(name){
04         this.name = name;
05     };
06     // 方法体
07     this.getName = function(){
08         return this.name;
09     };
10     this.setName = function(name){
11         this.name = name;
12     };
13 });

创建对象看看

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

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

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

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

 

posted @ 2011-11-08 14:57  贝加  阅读(182)  评论(0编辑  收藏  举报