javascript 通用定义类继承工具方法

个人认为，javascript脚本语言算是一种很复杂型的语言，它不像PHP那样简单，那是因为它本身的运用环境实在是多种多样，不同的浏览器环境和其语言本身的独特性质，决定了要学好javascript语言本身实在的太不容易了。兼容不同环境和开发大型JS应用，谈何容易。在这里简单的介绍一下一个工具方法，它可以简化编写javascript类继承步骤。

首先要先回顾一下一般类继承的写法。

例子：

父类是 Rectangle . 子类是 PositionRectangle

//定义类 Rectangle function Rectangle(w,h){ this.width = w; this.height = h; } //定义类公有方法 area() Rectangle.prototype.area = function(){ return this.width * this.height; } //定义子类 function PositionRectangle(x,y,w,h){ //调用父类的构造器 Rectangle.call(this,w,h); this.x = x; this.y = y; } //复制父类的原型链 PositionRectangle.prototype = new Rectangle(); //删除冗余的属性 delete PositionRectangle.prototype.width; delete PositionRectangle.prototype.height; //重新设置原型链的constructor，指回PositionRectangle子类 PositionRectangle.prototype.constructor = PositionRectangle; //子类的方法 PositionRectangle.prototype.caculateArea = function(){ return this.x * this.y * this.width * this.height; }

测试：

var a = new PositionRectangle(1,2,3,4); var area = a.caculateArea(); alert(area);

由上步骤可以，在JS里面编写类继承需要不少步骤，接下来介绍的这个工具可以简化这个步骤，这个方法是出自javascript权威指南，不过我不是很确定，原书的例子在borrows那里出现了一些问题，所以加以修改和简化，得出了一下一个版本。这个方法稍微有点复杂，其具体解决问题的步骤是：

获取相关属性——》构造原型链【调用父类构造方法构造原型链——》删除父类的局部属性和方法——》复制借用方法到原型链——》复制自定义方法到原型链——》设置constructor,superclass,classname】——》复制类本身属性和方法——》返回类。

function defineClass(data){ // 获取相关属性 // data.name : 类的名称 // data.extend : 父类的引用 // data.constructor : 构造函数 // data.methods : 类对象方法 // data.statics : 类本身的属性和方法，不属于对象 // data.borrows : 表示想从某个类里面借用方法，borrows就是那个类 var classname = data.name; var superclass = data.extend || Object; var constructor = data.constructor || function(){}; var methods = data.methods || {}; var statics = data.statics || {}; var borrows; // 获取borrows if(!data.borrows) borrows = []; else if(data.borrows instanceof Array) borrows = data.borrows; else borrows = [data.borrows]; // <!-- 构造类的原型链开始 --> // 新建一个父类的对象，用来构造原型链 constructor.prototype = new superclass(); // 获取原型属性和方法，去除局部定义的方法 for(var p in constructor.prototype){ if(constructor.prototype.hasOwnProperty(p)) delete constructor.prototype[p]; } // 将借用的类的方法全部复制到原型链中 for(var i = 0; i < borrows.length; i++){ var c = borrows[i]; for(var p in c.prototype){ if(typeof c.prototype[p] != "function") continue; constructor.prototype[p] = c.prototype[p]; } } // 将方法复制到原型链中,放在末尾可以覆盖点在借用时的同名方法 for(var p in methods) constructor.prototype[p] = methods[p]; // 设置constructor 和 superclass 属性 constructor.prototype.constructor = constructor; constructor.prototype.superclass = superclass; // 设置类名称 if(classname) constructor.prototype.classname = classname; // <!-- 构造类的原型链结束 --> // 复制属于类本身的属性 for(var p in statics) constructor[p] = statics[p]; // 返回被构造好的类 return constructor; }

这个方法需要一个data对象为参数，具体属性如下：

//data.name:类的名称

//data.extend:父类的引用

//data.constructor:构造函数

//data.methods:类对象方法

//data.statics:类本身的属性和方法，不属于对象

//data.borrows:表示想从某个类里面借用方法，borrows就是那个类

//data.provides:查询是否本类提供了provides里面所有类的所有方法，如果没有，则中断构造过程，抛出异常

一个简单的例子，实现了和上面哪个例子的同一个继承：

var Person = defineClass({ name : "Person", methods : { say : function(){ alert("hello!") } } }) var Rectangle = defineClass({ name : "Rectangle", constructor : function(w,h){ this.width = w; this.height = h; }, methods : { area : function(){ return this.width * this.height; } } }); var PositionRectangle = defineClass({ name : "PositionRectangle", extend : Rectangle, constructor : function(x,y,w,h){ this.superclass(w,h); this.x = x; this.y = y; }, methods : { caculateArea : function(){ return this.x * this.y * this.width * this.height; } }, statics : { positionNow : "positionNow" }, borrows : Person }) var a = new PositionRectangle(1,2,3,4); var area = a.caculateArea(); alert(area) alert(PositionRectangle.positionNow);// 类方法 a.say();// 借用方法

对于大型的JS应用，如果用JS构造大型的富客户端应用，或者实现JS效果框架，类继承的使用绝对是核心技术。要学好JS，切勿好高骛远。

原文链接：http://zhenpengday.blog.163.com/blog/static/165988143201011501630727/