js函数重载

2020-01-14 16:52:14 浏览数 (1)

以前上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个独立的空间。

原文链接

受水平所限,如有错误请大神纠正

0 人点赞