如何实现JS函数的重载

2020-12-13 02:54

阅读：340

标签：style blog class code java c

javascript不能支持函数的重载，如下：



function f(length) 

{ 

    alert("高为："+length); 

} 


function f(length,width) 

{ 

    alert("高为："+length+"，宽为："+width); 

}

上面那段代码其实是行不通的，因为函数定义时的参数个数和函数调用时的参数个数没有任何关系。在函数中可以用f.arguments[0]和f.arguments[1]得到调用时传入的第一和第二个参数，所以定义function(length)，后面用f(10,10)调用是没有问题的。所以在上面这段代码中，第二个函数是永远不可能被调用到的，那么，要怎样才能实现像函数重载那样的功能呢？

那就是在函数定义中用f.arguments.length判断一下调用时传入的参数个数。然后对不同的情况采用不同的处理方式。
如下：



function f() 

{ 

    var len= arguments.length; 


    if(1 == len) 

    { 

        var length = arguments[0]; 


        var width = arguments[1]; 

        f2(length,width); 
    } 

    else 

    { 

        var length = arguments[0]; 

        f1(length); 
    } 
} 


function f1(length) 

{ 

    alert("高为："+length); 

} 


function f2(length,width) 

{ 

    alert("高为："+length+"，宽为："+width); 

}

这样，你就可以给函数f()传入一个参数也可以传入两个参数了，比如f(10)和f(10,10)；

个人觉得，这样虽然可以实现重载，但也不是很好用，我们可以根据具体情况在一个函数中实现重载，如果要重载的两个函数相差较大，那就保留两个函数，而如果两个函数的实现基本差不多，那么可以在一个函数中进行判断，处理不同的部分，而不需要像上面那样写成三个函数，如下：



function f(length) 

{ 

    var len= arguments.length; 


    if(1 == len) 

    { 

        var width = arguments[1]; 


        alert("高为："+length+"，宽为："+width); 

    } 

    else 

    { 

        alert("高为："+length); 

    } 
}

如何实现JS函数的重载,搜素材,soscw.com

如何实现JS函数的重载

标签：style blog class code java c

原文地址：http://www.cnblogs.com/leejersey/p/3721255.html

上一篇：[ASP.NET MVC 小牛之路]18 - Web API

下一篇：测开4 - Python（os 模块和 time 模块）

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：如何实现JS函数的重载
文章链接：http://soscw.com/essay/26563.html

亲，登录后才可以留言！

如何实现JS函数的重载

评论

热门文章

推荐文章

最新文章

置顶文章