第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定

為什么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

點擊查看更多內(nèi)容
2人點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優(yōu)質(zhì)文章

正在加載中
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優(yōu)惠券免費領(lǐng)

立即參與 放棄機會
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

舉報

0/150
提交
取消