javascript重构小结

首先先来学习一下js 的几种继承方法：

1、原型链继承：

Js代码

var Base = function()

{

this.level = 1;

this.name = "base";

this.toString = function(){

return "base";

};

};

Base.CONSTANT = "constant";

var Sub = function()

{

};

Sub.prototype = new Base();

Sub.prototype.name = "sub";

优点：从instanceof关键字来看，实例既是父类的实例，又是子类的实例，看起来似乎是最纯粹的继承。

缺点：子类区别于父类的属性和方法，必须在Sub.prototype = new Base();这样的语句之后分别执行，无法被包装到Sub这个构造器里面去。例如：Sub.prototype.name = "sub"；无法实现多重继承。

2、构造继承：

Js代码

var Base = function()

{

this.level = 1;

this.name = "base";

this.toString = function(){

return "base";

};

};

Base.CONSTANT = "constant";

var Sub = function()

{

Base.call(this);

this.name = "sub";

};

优点：可以实现多重继承，可以把子类特有的属性设置放在构造器内部。

缺点：使用instanceof发现，对象不是父类的实例。

3、实例继承：

Js代码

var Base = function()

{

this.level = 1;

this.name = "base";

this.toString = function(){

return "base";

};

};

Base.CONSTANT = "constant";

var Sub = function()

{

var instance = new Base();

instance.name = "sub";

return instance;

};

优点：是父类的对象，并且使用new构造对象和不使用new构造对象，都可以获得相同的效果。

缺点：生成的对象实质仅仅是父类的实例，并非子类的对象；不支持多继承。

4、拷贝继承：

Js代码

var Base = function()

{

this.level = 1;

this.name = "base";

this.toString = function(){

return "base";

};

};

Base.CONSTANT = "constant";

var Sub = function()

{

var base = new Base();

for(var i in base)

Sub.prototype[i] = base[i];

Sub.prototype["name"] = "sub";

};

优点：支持多继承。

缺点：效率较低；无法获取父类不可枚举的方法。

这几种形式各有特点，仅就我提供的代码而言，满足下面的表格：

instanceof父类instanceof子类子类constructor不可枚举方法的继承多继承可实现

原型链继承TRUETRUEFALSETRUEFALSE

构造继承FALSETRUETRUETRUETRUE

实例继承TRUEFALSEFALSETRUEFALSE

拷贝继承FALSETRUETRUEFALSETRUE

补充，如果我们不需要类继承，只需要对象继承，对于支持 ECMAScript 5 的浏览器来说，还可以用Object.create方法来实现：

Js代码

var Base = function()

{

this.level = 1;

this.name = "base";

this.toString = function(){

return "base";

};

};

Base.CONSTANT = "constant";

var sub = Object.create(new Base());

sub.name = "sub";

类似接口 功能：

Java代码

function Rect(){

this.drawRect = function(){

alert("rect");

}

}

function Person(obj){

//obj参数的格式：{doWhat,who}

for(var i in obj){

this.doWhat = i;

this.who = obj[i];

break;

}

this.draw = function(){

this.who[this.doWhat].call(this.who);

};

}

var rou = { drawRound : new Round() };

var rec = { drawRect : new Rect() };

(new Person(rou)).draw();

(new Person(rec)).draw();

转自：http://raychase.iteye.com/blog/1337415

更多重构的知识请参看：http://raychase.iteye.com/blog/1174362