JS OO继承、多继承一法

一般原型继承的写法 xxx.prototype = new Base();，但是 new Base 这样的写法怎么能对构造器传入参数呢？明显写死了而不能传入参数——必然要有其他的做法。什么做法？我们很容易想到 sub.prototype = base.prototype，但这样直接的写法虽然看上去可以，实际上却很危险，因为这相当于设置同一个原型链（Prototype Chain）——在同一个类上修改 prototype 成员，原型链上一旦出现变动，就会影响了继承链，结果便是“子类修改了父类的行为”，让其他同级的子类也牵连进来——这万万不是我们想见到的情况，不可采用。于是再加权衡，想到了通过一个中介“类” Dummy Function 的方法，也就是 Douglas Crockford 给出的、曾经十分推崇的 Obejct.creat() 方法，——即可解决同一继承链种种不足所带来的问题。这正是 D.C 为何在他的文章中如此推崇Obejct.creat() 方法的原因。本文篇幅所限，就不详细说个中原理了，都在 D.C 文章早有全面介绍。

继承的方法我定义在 Object.extend() 中，详细源码如下：

// @parma {Function} base 父类 // @parma {Function} sub 子类 Object.extend = function(base, sub){ var dummy = function(){} dummy.prototype = base.prototype; // key step! var superObject = new dummy; var subProto = sub.prototype; sub.prototype = superObject; sub.prototype.constructor = base; for(var i in subProto){ if(i in sub.prototype){ sub.prototype["_" + i] = sub.prototype[i]; // 规定_开头为父类成员 sub.prototype[i] = subProto[i]; }else{ sub.prototype[i] = subProto[i]; } } return sub; }

测试代码如下（在winxp sp3/IE6上通过）：

function base(a1, a2){ this.a1 = "init...base class, the value is " + a1; this.a2 = a2; } base.prototype = { sayHi:function (){ this.sayingHi = true; return "Hello"; } }; function sub(a3, a4){ //base.apply(this, [1]); this.a2 = 2; this.a3 = 'init...sub class, the value is ' + a3; this.a4 = a4; } sub.prototype.sayHi = function(){ var hi = base.prototype.sayHi.call(this) + " World" return hi; } sub.print = function(_instance){ return _instance.saiHi(); } function sub2(){} sub2.prototype.sayHi = function(){ return this._sayHi() + ' Man!'; } _extend(base, sub); _extend(sub, sub2); foo = new sub2; alert(foo.sayHi()); lert(foo instanceof base);

另外，还根据上述继承的思路炮制了一个 Obejct.mix() 多态应用。所谓的多态，于此表现得也比较简单了，说穿了仍然是常见的“复制成员到某地”。

// @parma {Function} class 父类 // @parma {Function} mix 多态类 Object.mix = function(_class, mix){ var classProto = _class.prototype ,mixProto = mix.prototype; for(var i in mixProto){ if(i in classProto){ classProto["_" + i] = mixProto[i]; }else{ classProto[i] = mixProto[i]; } } }

以上几点算不上思路，偶有所得，大家来谈谈亦无妨。

2014-1-2 补充 旧代码，写于两三年前

$$.Class = $$.extend = function(namespace, args, constructor, self){
	// 查询类名
	var className;
	for(var i in namespace){
		if(fn == namespace[i]){
			className = i;
			break;	
		}
	}
	
	// 覆盖
	namespace[className] = constructor;
	// 继承
	constructor.prototype = self;
	
	// 静态成员的复制
	var fn = args.callee;
	$$.apply(constructor,	fn);
	$$.apply(self,			fn);
	
	// 执行构造器	
	constructor.apply(self, args);
}

/**
 * @param {Object}		namespace
 * @param {Array}		args
 * @param {Object}		self
 * @param {Function}	constructor （可选的）
 */
$$._Class = function(namespace, args, self, constructor){
	// 查询类名
	var className;
	for(var i in namespace){
		if(fn == namespace[i]){
			className = i;
			break;	
		}
	}
	// 构造函数可以不写
	constructor = constructor || new Function;
	
	// 覆盖
	namespace[className]  = constructor
	// 继承
	constructor.prototype = self;
	
	// 静态成员的复制
	var fn = args.callee;
	$$.apply(constructor,	fn);
	$$.apply(self,			fn);
	
	// 执行构造器	
	constructor.apply(self, args);
}