前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js函数重载

js函数重载

作者头像
flytam
发布2020-01-14 16:52:14
4K0
发布2020-01-14 16:52:14
举报

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

原文链接

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档