为了账号安全,请及时绑定邮箱和手机立即绑定

为什么JavaScript中没有重载?

标签:
JavaScript
ECMAScript中为什么没有函数重载的概念?

  首先我们需要了解一个前提,在ES中函数都是对象,函数名实际上是一个指向函数的指针,并不与函数绑定,那么理解起来就很容易了。
  接下来用一段简单的代码来阐述。

function add(a){
    return a+1;
};
function add(a,b){
    return a+b;
};
console.log(add(1));//NaN
console.log(add(2,3));//5
  

学过c++和Java等强类型语言的小伙伴可能以为传入一个参数和两个参数分别输出2和5。但实际上我们前面说函数名仅仅保存了指向函数对象的指针,创建第二个函数时add指向了新的函数对象,所以第一个函数并没有起任何作用。
那么只传入一个参数为什么会输出NaN?这就涉及到ES中灵活的传参机制。ES不介意你传递进来多少个参数,也不介意是什么类型(本来就是弱类型语言),原因就是函数把接收到的参数放到一个数组里。可以通过arguments对象来访问这个数组。那么我们只传入第一个参数时,第二个参数并没有定义,值为Undefined.一个数字加上undefined当然等于NaN.

function add(a,b){
    console.log(arguments[0]+" "+arguments[1]);
    return a+b;
};
console.log(add(1));

//1 undefined
//NaN

所以我们的函数可以这样重写:

function add(){
    return arguments[0]+arguments[1];
};
console.log(add(1,2));//3
那么ES中我们如何实现重载呢?

我们已经理解了函数传参的机制,那么我们可以利用检查传入函数的参数的值和数量作出不同的反应,那么可以实现类似于重载的功能。

function add(){
    if(arguments.length == 1){
        return arguments[0]+1;
    }else if(arguments.length == 2)
    return arguments[0]+arguments[1];
};
console.log(add(1));//2
console.log(add(3,4));//7

更深入的可以查看JQuery的源码,其中大量实现了重载和各种情况下的处理。
https://github.com/jquery/jquery

点击查看更多内容
2人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消