typescript探索(三) 函式

2021-09-13 03:00:40 字數 1097 閱讀 6687

函式的作用自不用多說,下面讓我們來看看typescript的世界裡的函式的真實面貌吧!

函式的基本樣子也就是如下:

function fnanme(arg1: type1, arg2: type2, ...):type
函式名 + 引數 + 函式體 + 返回值

函式名當然就是合法的識別符號,沒啥可講的,重要的是引數和返回值,決定了此函式的形態。

至於函式體,是實現功能的**,因功能而異。

引數就是函式的輸入,需要符合特定型別的格式

函式宣告中的引數叫形參,而當呼叫函式所傳遞的便叫實參
每個引數的格式為name: type,前面表示引數名,後面表示這個引數型別;多個引數需要用逗號分隔,這也是很平常的事,以下是乙個示例

function fa(name: string, age: number) {}
引數也不一定非傳不可,願意傳就傳,不願意不傳,在引數名後面增加乙個?,便可以達到此功能

function fa(name: string, age?: number) {}
就表示age是可傳可不傳的

通過給引數乙個預設值,其實也能達到可選引數的效果,只是這時達到的效果是沒有傳這個引數的時候,就以預設引數代替

值得注意的是,可選引數必須在必選引數後面,不然編譯器會犯迷糊,其實想想如果不這樣,你也會犯迷糊。
函式返回得有乙個返回型別,返回型別一般寫在函式體前面,也就是大括號的前面。

function fa(name: string): string {}
上面函式的返回型別就是string型別,當然你可以用任意你自己想要的型別。

當你沒有宣告返回型別的時候,編譯器會根據你的函式體的return自動推斷你的返回型別,沒有return的話,返回型別就是void

typescript基礎 函式

函式的輸入輸出要進行型別的定義,函式的引數一旦定義好以後,輸入多或者少都是會編譯報錯的,返回型別也必須跟定義的一致 1 function fun a string,b number number 2 這種寫法只對右側的匿名函式進行了型別定義,左側的funs只能通過型別推斷得出 const funs ...

typescript探索(二) 介面與類

為了簡便,以後把typescript簡寫為ts可能有些同學對於介面比較陌生,在弱型別語言的語言層面很難看到它的蹤影,不像強型別語言,語言層面就考慮到了。但在ts世界裡,我們就可以看到它的蹤影了,說白了,它只負責定義,說明你的物件裡面有些什麼,也就是結構,當然,它就不能夠被例項化了。那麼,該如何定義介...

TypeScript 入門(二) 函式

一 函式定義 1 先看一下es5中定義函式 function fn 匿名函式 var fn1 function 2 在ts中定義函式 function fn string 匿名函式 var fn1 function string 二 函式的傳參 1 ts中函式的傳參 function show na...