以前上c 的时候函数重载再熟悉不过了,今天看到了一篇文章,也是讲了下js的函数重载,我觉得也是收益匪浅。
js语言本身是没有重载这种说法的,js的重载是巧妙地利用了jS的闭包的特性,先上代码吧。
代码语言:javascript复制function addMethod(object, name, f)
{
var old = object[name]; //用old保存上次的指向
object[name] = function()
{
// f.length为函数定义时的参数个数
// arguments.length为函数调用时的参数个数
if (f.length === arguments.length)//如果当前调用的参数和
{
return f.apply(this, arguments);
}
else if (typeof old === "function")//否则就调用old指向的那个函数
{
return old.apply(this, arguments);
}
};
}
// 不传参数时,返回所有name
function find0()
{
return this.names;
}
// 传一个参数时,返回firstName匹配的name
function find1(firstName)
{
var result = [];
for (var i = 0; i < this.names.length; i )
{
if (this.names[i].indexOf(firstName) === 0)
{
result.push(this.names[i]);
}
}
return result;
}
// 传两个参数时,返回firstName和lastName都匹配的name
function find2(firstName, lastName)
{
var result = [];
for (var i = 0; i < this.names.length; i )
{
if (this.names[i] === (firstName " " lastName))
{
result.push(this.names[i]);
}
}
return result;
}
var people = {
names: ["Dean Edwards", "Alex Russell", "Dean Tom"]
};
addMethod(people, "find", find0);
addMethod(people, "find", find1);
addMethod(people, "find", find2);
console.log(people.find()); // 输出["Dean Edwards", "Alex Russell", "Dean Tom"]
console.log(people.find("Dean")); // 输出["Dean Edwards", "Dean Tom"]
console.log(people.find("Dean", "Edwards")); // 输出["Dean Edwards"]
由代码可知,传入参数不同时,会相应的返回不同结果。为什么会这样呢?其实稍微知道点闭包就可以理解了。从代码中可以看到addMethod函数中包含了object[name] = function()这个函数。代码后面调用了3次的addMethod来添加这个find函数,其实相当于建立了3个闭包。第一次调用时建立了0:{old->undefined; people.find(0)},第二次时1:{old->people.find(0);people.find(1)},第三次时2:{old->people.find(1);people.find(2)}。也就是说,最后的时候,people.find方法实际上是传两个参数的形式的。但是当我们传进去不是两个参数时,就会调用old,也就是说去调用1个参数的形式,如果是一个参数的形式就返回结果,如果是0个参数的话就继续往上找,old是指向0个参数的。实际上,建立3个独立的空间。
原文链接
受水平所限,如有错误请大神纠正