函數還能這樣玩兒~實現類似add(1)(2)(3)的函數

来源:http://www.cnblogs.com/daisykoo/archive/2016/06/08/5569619.html
-Advertisement-
Play Games

人生的第一份前端工作找到了,感謝大神主子們給半路出家自學的我這麼多的機會,很高興正式踏上客觀又樂趣滿滿的程式員之路,哇咔咔咔。 ​ 分享一個準備面試時遇到的一個有趣的問題: 要求實現類似 調用方式的方法,例如add為加法函數,則調用 輸出3,調用 輸出9。 ​ 函數的調用方式是多次調用同一個函數,將 ...


人生的第一份前端工作找到了,感謝大神主子們給半路出家自學的我這麼多的機會,很高興正式踏上客觀又樂趣滿滿的程式員之路,哇咔咔咔。

​ 分享一個準備面試時遇到的一個有趣的問題:

要求實現類似add(1)(2)(3)調用方式的方法,例如add為加法函數,則調用add(1)(2)輸出3,調用add(1)(5)(3)輸出9。

​ 函數的調用方式是多次調用同一個函數,將每次傳入的參數累加,多次函數運算過程中需要記錄之前累加的值。很容易讓我們聯想到閉包,如果調用次數是固定的,我們可以這樣來完成:

var add = function(a) {
  return function(b) {
    return function(c) {
            return a + b + c;
        };
    };
};

add(1)(2)(3);   //6

​ 可以看到運用閉包可以依次獲取三次調用的參數,最終返回相加的結果。但如果要調用四次,這個函數就不適用了。如題目要求的不限次數調用,我們是不是可以讓閉包函數返回自身來實現呢?如下:

var add = function(a) {
  var sum = a ;
  var addMore = function(b) {
    sum += b;
    return addMore;   //addMore函數每次累加後返回自身,繼續累加後面的執行參數。
  };
  return addMore;     //獲取第一個參數賦值給sum後,返回addMore函數。
}

​ 理論上這樣就解決問題了,但在調試中我們會發現,當函數調用完畢後,輸出的結果並不是sum,而是addMore函數,因為我們每次調用後都return函數自身。那現在需要解決的問題就是如何讓函數輸出sum值。

​ 在網上搜索答案後發現解決方法是:

首先要知道JavaScript中,列印和相加計算,會分別調用toString或valueOf函數,所以我們重寫tmp的toString和valueOf方法,返回sum的值;

addMore.toString = function() {
  return sum;
};

​ 如上解決方法是改寫addMore閉包函數的toString方法,返回sum值。全部代碼如下:

var add = function(a) {
    var sum = a;
    var addMore = function(b) {
        sum += b;
        return addMore;
    };

    addMore.toString = function() {
        return sum;
    };

    return addMore;
};

add(1)(2)(3)(4);      //function 10
var a = add(1)(2)(3)(4).toString();  //10

​ 如上代碼的倒數第二行,函數最終返回的值會包含一個function首碼(暫時沒有找到原因,是瀏覽器給出的提示麽?請各位大神指導*0 *);結果再運用toString()函數就可以返回正確的數值。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 1.什麼是JSP內置對象? jsp內置對象就是Web容器創建的一組對象,我們都知道Tomcat可以看成是一種Web容器,所以我們可以知道所謂的內置對象Tomcat創建的,使用內置對象時可以不適用new關鍵字, 直接使用即可. 2.什麼是內置對象? 解析:就是Web容器創建的一組對象,當Tocmat啟 ...
  • 在使用 masonry 框架實現自動佈局時,在程式里為一個佈局穿插著6行左右這樣的代碼 [View mas_makeConstraints:^(MASConstraintMaker *make) { make.top.equalTo(anotherView); make.left.equalTo(a ...
  • 參考資料: Python:http://www.runoob.com/python/python-intro.html Python爬蟲系列教程:http://www.cnblogs.com/xin-xin/p/4297852.html 正則表達式:http://www.cnblogs.com/de ...
  • 本文介紹了抽象工廠模式的概念,UML類圖,優缺點,實現方式以及(未)遵循的OOP原則。同時結合J2EE中常用的DAO實例詳解了抽象工廠模式的實現。 ...
  • 獲取【下載地址】 【免費支持更新】三大資料庫 mysql oracle sqlsever 更專業、更強悍、適合不同用戶群體【新錄針對本系統的視頻教程,手把手教開發一個模塊,快速掌握本系統】 A集成代碼生成器 [正反雙向(單表、主表、明細表、樹形表,開發利器)+快速構建表單;freemaker模版技術 ...
  • 1.意圖 為子系統中的一組介面提供一個一致的介面,Facade模式定義了一個高層介面,這個介面使得這一子系統更加容易使用。 2.動機 將一個系統劃分成若幹子系統有利於降低系統的複雜性。一個常見的設計目標是使子系統間的通信和相互依賴達到最小。達到該目標的途徑之一是引入一個外觀對象,它為子系統提供了一個 ...
  • 本來沒想寫這篇文章,但是網上誤導大眾的文章太多了,所以今天就抽出半小時時間談一下我對前端模板引擎的感受吧。 前端模板引擎相信大家都再熟悉不過了,市面上非常多的號稱最好、最快、最牛逼的,隨便就能找到一大把,但是真的深層次的對比才能發現其中的優劣,經過這段時間對各個模板引擎的使用分析,最終選定一款,也是 ...
  • 跨域問題一直是前端中常見的問題,每當說到跨域,第一浮現的技術必然就是JSONP JSONP在我的理解,它並不是ajax,它是在文檔中插入一個script標簽,創建_callback方法,通過伺服器配合執行_callback方法,並傳入一些參數 JSONP的局限就在於,因為是通過插入script標簽, ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...