以未知数量的参数调用构造函数

    场景

 

    你会收到一个的构造函数ctor，以及一个数组args，对于每个ctor，args长度不定。如何能够通用的构造一个实例呢？

    简单而不用思考的方法：

 

var buildInstance = function(ctor, args) {
	if (args.length == 0) {
		return new ctor();
	}
	if (args.length == 1) {
		return new ctor(args[0]);
	}
	if (args.length == 2) {
		return new ctor(args[0], args[1]);
	}
	if (args.length == 3) {
		return new ctor(args[0], args[1], args[2]);
	}
};

     It works.

 

     自己实现“new”

 

     但是聪明而又懒惰的程序员显然不会满足用这种方式写出的代码，它太不时髦了。

     我们考虑一下new ctor的时候，程序做了什么？

     1、构造了一个新的object对象o

     2、使o的原型指向ctor的prototype

     3、对o调用了ctor

 

     了解了以上原理之后，我们也可以自己来实现“new”，代码如下：

 

var projection = function(o) {
	var F = function() {};
	F.prototype = o;
	return new F();
};

var buildInstance = function(ctor, args) {	
	var proto = projection(ctor.prototype);
	ctor.apply(proto, args);
	return proto;
};

 

   我们来测试一下

 

var MockClass = function() {
	this.args = arguments;
};		
	
MockClass.prototype.log = function() {
	console.log(this.args);
}


var mock1 = buildInstance(MockClass, [1,2]);
mock1.log(); // [1,2]
var mock2 = buildInstance(MockClass, [1,2,3]);
mock2.log(); // [1,2,3]

     it works!

 

 

     利用Function.prototype泛化

 

     作为一个肯动脑筋的程序员，我觉得还能再进一步，这个方法添加到Function.prototype

Function.prototype.buildInstance = 	function(args) {	
	var proto = projection(this.prototype);
	this.apply(proto, args);
	return proto;
};

     然后我们就可以这样调用了

var mock1 = MockClass.buildInstance([1,2]);
mock1.log(); // [1,2]
var mock2 = MockClass.buildInstance([1,2,3]);
mock2.log(); // [1,2,3]

     太赞了！