10、TypeScript 之function可選參數和默認參數

Hancock_Xu 發布于2019-08-26 13:58 / 2341人閱讀

摘要：默認參數就是可以給參數一個默認值同時也可以給指定一個類型因為指定了默認參數函數中在沒有傳遞任何參數的時候就按照給出的默認值去執行那什么是可選參數上面函數設定了個參數但是我在執行的時候只傳遞了個占位參數那么這樣就會報錯了意思是沒有傳遞一個的參

默認參數( = )就是可以給參數一個默認值同時也可以給指定一個類型

const add = (a: number = 10, b: number = 20): number => {
     return a + b
};
let result = add();
console.log(result);      // 30

因為指定了默認參數 add() 函數中在沒有傳遞任何參數的時候就按照給出的默認值去執行

那什么是可選參數？

const add = (a: number = 10, b: number = 20, c: number): number => {
     return a + b + c
};
let result = add(undefined, undefined);

上面 add() 函數設定了3個參數但是我在執行的時候只傳遞了 2 個占位參數

那么這樣就會報錯了：

意思是：沒有傳遞一個‘c’的參數；

在 js 中都可以不傳遞所有參數的那么如何解決這個問題呢？

兩個方法：

1、直接用 undefined 做占位符傳遞一個 c 參數進去就好了

const add = (a: number = 10, b: number = 20, c: number): number => {
     return a + b + c
};
let result = add(undefined, undefined, 30);    // 60

2、可選參數上場了：

可選參數( ? )就是這個參數可以是不傳的

const add = (a: number = 10, b: number = 20, c?: number): number => {
     return a + b + c
};
let result = add();
console.log(result);      // 30

這樣的函數方法一個參數都不用傳遞還可以正常運行是不是很 cool

GPU云服務器云服務器可選參數 js_function參數函數默認參數方法實例參數默認

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

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/109924.html

Typescript 基礎（二）之函數

摘要：調用者容易迷惑，當傳入函數的參數類型為時返回值的類型究竟是還是。前面兩個是函數聲明，最后一個是函數實現，有參數類型和返回值類型隨意搭配的意思。 Typescript 中的函數 Javascrip 中函數是一等公民一、Javascript 中的兩種常見的定義函數的方式1、函數聲明 function myFunc(x,y){ return x+y } 2、函數表達式 let add...

yeyan1996 2019-08-23 10:22 評論0 收藏0
TypeScript入門-聲明與結構、函數

摘要：聲明和結構在中，支持和這樣的聲明方式。解構就是將聲明的一組變量與相同結構的數組或者對象的元素數值一一對應，并將變量相對應元素進行賦值。學習Angular 2 ，《揭秘Angular 2》讀書筆記。Angular2 選擇 TypeScript 作為其官方最主要的構建語音，這意味著掌握 TypeScript 語音將更有利于高效地開發 Angular 應用。聲明和結構在TypeScr...

CoyPan 2019-08-20 15:30 評論0 收藏0
TypeScript快速入門

摘要：添加了可選的靜態類型注意并不是強類型和基于類的面向對象編程。類類型接口示例接口更注重功能的設計，抽象類更注重結構內容的體現模塊中引入了模塊的概念，在中也支持模塊的使用。一：Typescript簡介維基百科： TypeScript是一種由微軟開發的自由和開源的編程語言。它是JavaScript的一個嚴格超集，并添加了可選的靜態類型和基于類的面向對象編程。C#的首席架構師以及Delp...

moven_j 2019-08-22 11:11 評論0 收藏0
從 JavaScript 到 TypeScript

摘要：能夠根據返回語句自動推斷出返回值類型，因此我們通常省略它。定義的函數類型接口就像是一個只有參數列表和返回值類型的函數定義。可索引類型具有一個索引簽名，它描述了對象索引的類型，還有相應的索引返回值類型。 showImg(https://segmentfault.com/img/remote/1460000010018621?w=640&h=280); 本文首發在我的個人博客：http:/...

roundstones 2019-08-20 17:42 評論0 收藏0
TypeScript入門教程

摘要：現在，出現了更多本身支持或者通過插件支持語法智能提示糾錯甚至是內置編譯器的文本編輯器和。 TypeScript是什么 TypeScript是JavaScript的一個超集 TypeScript需要編譯為JavaScript才能運行（語法糖） TypeScript提供了類型系統，規范類似Java TypeScript提供了ES6的支持，也可以支持部分ES7草案的特性，不用擔心TypeS...

Dr_Noooo 2019-08-26 11:52 評論0 收藏0