日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不

當前位置:首頁 > 科技  > 軟件

網(wǎng)易面試官:請你實現(xiàn)一下JS重載?可不是TS重載哦!

來源: 責編: 時間:2024-03-22 08:56:00 189觀看
導讀什么是重載我第一次看到重載這個詞還是在以前學習Java的時候,我一直覺得JavaScript是沒有重載的,直到TypeScript的出現(xiàn),所以我一直覺得JavaScript沒有重載,TypeScript才有,但是現(xiàn)在看來我是錯的。我理解的重載是:同樣的函數(shù)

什么是重載

我第一次看到重載這個詞還是在以前學習Java的時候,我一直覺得JavaScript是沒有重載的,直到TypeScript的出現(xiàn),所以我一直覺得JavaScript沒有重載,TypeScript才有,但是現(xiàn)在看來我是錯的。5Il28資訊網(wǎng)——每日最新資訊28at.com

我理解的重載是:同樣的函數(shù),不同樣的參數(shù)個數(shù),執(zhí)行不同的代碼,比如:5Il28資訊網(wǎng)——每日最新資訊28at.com

/** 重載*/function fn(name) {  console.log(`我是${name}`)}function fn(name, age) {  console.log(`我是${name},今年${age}歲`)}function fn(name, age, sport) {  console.log(`我是${name},今年${age}歲,喜歡運動是${sport}`)}/** 理想結果*/fn('林三心') // 我是林三心fn('林三心', 18) // 我是林三心,今年18歲fn('林三心', 18, '打籃球') // 我是林三心,今年18歲,喜歡運動是打籃球

但是直接在JavaScript中這么寫,肯定是不行的,咱們來看看上面代碼的實際執(zhí)行結果,可以看到,最后一個fn的定義,把前面兩個都給覆蓋了,所以沒有實現(xiàn)重載的效果。5Il28資訊網(wǎng)——每日最新資訊28at.com

我是林三心,今年undefined歲,喜歡運動是undefined我是林三心,今年18歲,喜歡運動是undefined我是林三心,今年18歲,喜歡運動是打籃球

我的做法

其實,想要實現(xiàn)理想的重載效果,我還是有辦法的,我可以只寫一個fn函數(shù),并在這個函數(shù)中判斷arguments類數(shù)組的長度,執(zhí)行不同的代碼,就可以完成重載的效果。5Il28資訊網(wǎng)——每日最新資訊28at.com

function fn() {  switch (arguments.length) {    case 1:      var [name] = arguments      console.log(`我是${name}`)      break;    case 2:      var [name, age] = arguments      console.log(`我是${name},今年${age}歲`)      break;    case 3:      var [name, age, sport] = arguments      console.log(`我是${name},今年${age}歲,喜歡運動是${sport}`)      break;  }}/** 實現(xiàn)效果*/fn('林三心') // 我是林三心fn('林三心', 18) // 我是林三心,今年18歲fn('林三心', 18, '打籃球') // 我是林三心,今年18歲,喜歡運動是打籃球

但是那位同學說,網(wǎng)易的面試官好像覺得這么實現(xiàn)可以是可以,但是還有沒有更好的實現(xiàn)方法,我就懵逼了。5Il28資訊網(wǎng)——每日最新資訊28at.com

高端做法

經(jīng)過了我的一通網(wǎng)上查找資料,發(fā)現(xiàn)了一種比較高端的做法,可以利用閉包來實現(xiàn)重載的效果。這個方法在JQuery之父John Resig寫的《secrets of the JavaScript ninja》中,這種方法充分的利用了閉包的特性!5Il28資訊網(wǎng)——每日最新資訊28at.com

function addMethod(object, name, fn) {  var old = object[name]; //把前一次添加的方法存在一個臨時變量old里面  object[name] = function () { // 重寫了object[name]的方法    // 如果調(diào)用object[name]方法時,傳入的參數(shù)個數(shù)跟預期的一致,則直接調(diào)用    if (fn.length === arguments.length) {      return fn.apply(this, arguments);      // 否則,判斷old是否是函數(shù),如果是,就調(diào)用old    } else if (typeof old === "function") {      return old.apply(this, arguments);    }  }}addMethod(window, 'fn', (name) => console.log(`我是${name}`))addMethod(window, 'fn', (name, age) => console.log(`我是${name},今年${age}歲`))addMethod(window, 'fn', (name, age, sport) => console.log(`我是${name},今年${age}歲,喜歡運動是${sport}`))/** 實現(xiàn)效果*/window.fn('林三心') // 我是林三心window.fn('林三心', 18) // 我是林三心,今年18歲window.fn('林三心', 18, '打籃球') // 我是林三心,今年18歲,喜歡運動是打籃球

參考資料

  • 淺談JavaScript函數(shù)重載

本文鏈接:http://www.www897cc.com/showinfo-26-78507-0.html網(wǎng)易面試官:請你實現(xiàn)一下JS重載?可不是TS重載哦!

聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。郵件:2376512515@qq.com

上一篇: 癱瘓8年小哥植入馬斯克腦機接口,狂打8小時「文明6」!Neuralink首個人類植入者直播來了

下一篇: Excel數(shù)據(jù)處理利器:C#中三款熱門開源類庫推薦及實例代碼解析

標簽:
  • 熱門焦點
  • vivo TWS Air開箱體驗:真輕 臻好聽

    在vivo S15系列新機的發(fā)布會上,vivo的最新款真無線藍牙耳機vivo TWS Air也一同發(fā)布,本次就這款耳機新品給大家?guī)硪粋€簡單的分享。外包裝盒上,vivo TWS Air保持了vivo自家產(chǎn)
  • 線程通訊的三種方法!通俗易懂

    線程通信是指多個線程之間通過某種機制進行協(xié)調(diào)和交互,例如,線程等待和通知機制就是線程通訊的主要手段之一。 在 Java 中,線程等待和通知的實現(xiàn)手段有以下幾種方式:Object 類下
  • 企業(yè)采用CRM系統(tǒng)的11個好處

    客戶關系管理(CRM)軟件可以為企業(yè)提供很多的好處,從客戶保留到提高生產(chǎn)力。  CRM軟件用于企業(yè)收集客戶互動,以改善客戶體驗和滿意度。  CRM軟件市場規(guī)模如今超過580
  • 中國家電海外掘金正當時|出海專題

    作者|吳南南編輯|胡展嘉運營|陳佳慧出品|零態(tài)LT(ID:LingTai_LT)2023年,出海市場戰(zhàn)況空前,中國創(chuàng)業(yè)者在海外紛紛摩拳擦掌,以期能夠把中國的商業(yè)模式、創(chuàng)業(yè)理念、戰(zhàn)略打法輸出海外,他們依
  • 品牌洞察丨服務本地,美團直播成效幾何?

    來源:17PR7月11日,美團App首頁推薦位出現(xiàn)“美團直播”的固定入口。在直播聚合頁面,外賣“神槍手”直播間、美團旅行直播間、美團買菜直播間等均已上線,同時
  • 華為開發(fā)者大會2023日程公開:開設鴻蒙HarmonyOS 4體驗區(qū)

    IT之家 7 月 31 日消息,華為今日公布了 HDC.Together 開發(fā)者大會 2023 的詳細日程。整場大會將于 8 月 4 日-6 日之間舉行,屆時將發(fā)布最新一代鴻蒙 H
  • 華為Mate60系列模具曝光:采用碩大圓形后置相機模組+拼接配色方案

    據(jù)此前多方爆料,今年華為將開始恢復一年雙旗艦戰(zhàn)略,除上半年推出的P60系列外,往年下半年的Mate系列也將迎來更新,有望在9-10月份帶來全新的華為Mate60
  • 蘋果140W USB-C充電器:采用氮化鎵技術

    據(jù)10 月 30 日 9to5 Mac 消息報道,當蘋果推出新的 MacBook Pro 2021 時,該公司還推出了新的 140W USB-C 充電器,附贈在 MacBook Pro 16 英寸機型的盒子里,也支
  • 親歷馬斯克血洗Twitter,硅谷的苦日子在后頭

    文/劉哲銘  編輯/李薇  馬斯克再次揮下裁員大刀。  美國時間11月14日,Twitter約4400名外包員工遭解雇,此次被解雇的員工的主要工作為內(nèi)容審核等。此前,T
Top 主站蜘蛛池模板: 华容县| 章丘市| 长宁区| 兴隆县| 瑞金市| 枣庄市| 白水县| 麻栗坡县| 柳林县| 泽库县| 景洪市| 长乐市| 勃利县| 和硕县| 临澧县| 徐水县| 平江县| 海淀区| 昌邑市| 年辖:市辖区| 汉源县| 徐水县| 天津市| 乐清市| 大悟县| 双流县| 普兰县| 南宫市| 五大连池市| 广平县| 博湖县| 灵寿县| 阿坝县| 宁陵县| 逊克县| 台南市| 岳普湖县| 牡丹江市| 柯坪县| 凤凰县| 高淳县|