11、TypeScript 之 Rest parameters

z2xy 發(fā)布于2019-08-23 17:56 / 708人閱讀

有些時候我們并不確定函數參數的長度；

需求：

我想用實現一個數組內所有的元素相加，這里方便的使用了 reduce() 遞歸；

恰好 這個函數的參數我是不知道他的長度的；

稍微跑題一下，著重的說一下 reduce() 這個函數的用法：

arr.reduce(callback, initialValue)

callback 接收 4 個參數：

callback （執(zhí)行數組中每個值的函數，包含四個參數）
    1、previousValue （上一次調用回調返回的值，或者是提供的初始值（initialValue））
    2、currentValue （數組中當前被處理的元素）
    3、index （當前元素在數組中的索引）
    4、array （調用 reduce 的數組）
    initialValue （可選參數，函數的初始值）

arr.reduce((previousValue, currentValue, index, array) => {
     return previousValue + currentValue
}, [initialValue])

reduce 為數組中的每一個元素依次執(zhí)行回調函數，不包括數組中被刪除或從未被賦值的元素，reduce 中的 callback 接受四個參數：初始值（或者上一次回調函數的返回值），當前元素值，當前索引，調用 reduce 的數組。

了解了 reduce( ) 函數以后我們可以穿一些簡單的參數來計算他的返回值了

const add = (num: number, arr: Array): number => {
     return arr.reduce((previousValue, currentValue, index, array) => {
      return previousValue + currentValue
     }, num)
};
const arr: Array = [1, 2, 3, 4];
let result = add(10, arr);
console.log(result);        //20

GPU云服務器云服務器 Parameter Parameters TypeScript typescript javascript

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://systransis.cn/yun/104378.html

初入typescript筆記

摘要：注意變量聲明沒有指定類型。因此，程序使用類型推斷來確定變量的數據類型，第一次賦值為，設置為類型。 typescript 的基本類型1.number 數字類型 example: let val: Number = 22.string 字符串 example: let val: String = 23.Boolean 布爾類型 example: let val: Boolean = fal...

fsmStudy 2019-08-23 15:41 評論0 收藏0
一文學懂 TypeScript 的類型

摘要：如果屬性的值不能是，那么它必須在構造函數中進行初始化。為帶來了額外的層靜態(tài)類型。類型檢查可確保這些預測能夠實現。元素不一定具有相同的類型。相反，在中，和由單獨的不相交類型處理。類型存在于元級別。將傳遞給的構造函數。翻譯：瘋狂的技術宅原文：http://2ality.com/2018/04/typ... 本文首發(fā)微信公眾號：jingchengyideng歡迎關注，每天都給你推送新鮮...

lucas 2019-08-23 15:55 評論0 收藏0
「每日一瞥

摘要：即使中沒有錯誤，仍然會執(zhí)行，這一點一般都是知道的。我們認為這是正確的前進道路，兼具戰(zhàn)略性和務實性降低使用門檻開發(fā)人員遷移到的障礙之一是從到的并不輕松的遷移。下一步將通過一系列功能和插件為的平滑過渡提供支持，并以此回饋社區(qū)。 showImg(https://segmentfault.com/img/remote/1460000017516912?w=1200&h=630); useSt...

XboxYan 2019-08-26 13:36 評論0 收藏0
前端每周清單第 45 期: Safari 支持 Service Worker, Parcel 完整教

摘要：的另一個核心特性，蘋果表示也正在開發(fā)中，按開發(fā)進度可能幾個月后就能與我們見面。是基于的本地化數據庫，支持以及瀏覽器環(huán)境。前端每周清單專注前端領域內容，以對外文資料的搜集為主，幫助開發(fā)者了解一周前端熱點；分為新聞熱點、開發(fā)教程、工程實踐、深度閱讀、開源項目、巔峰人生等欄目。歡迎關注【前端之巔】微信公眾號（ID: frontshow），及時獲取前端每周清單。本期是 2017 年的最后一...

趙春朋 2019-08-21 18:24 評論0 收藏0
前端每周清單第 11 期：Angular 4.1支持TypeScript 2.3，Vue 2.3優(yōu)化

摘要：斯坦福宣布使用作為計算機課程的首選語言近日，某位有年教學經驗的斯坦福教授決定放棄，而使用作為計算機入門課程的教學語言。斯坦福官方站點將它們新的課程描述為是最流行的構建交互式的開發(fā)語言，本課程會用講解中的實例。前端每周清單第 11 期：Angular 4.1支持TypeScript 2.3，Vue 2.3優(yōu)化服務端渲染，優(yōu)秀React界面框架合集為InfoQ中文站特供稿件，首發(fā)地址為...

warkiz 2019-08-20 16:15 評論0 收藏0