函數(shù)的定義
函數(shù)的定義：
function 函數(shù)名(函數(shù)列表): 返回值類型 {函數(shù)體}
//定義函數(shù) 參數(shù)類型 以冒號(hào)定義
function getName(name: string , age: number): string {
return `姓名：${name},年齡：${age}`
}
函數(shù)類型：
(參數(shù)類型) => 返回值類型
shoPerson 方法不需要知道字符串如何顯示蹈胡，完全由傳入的函數(shù)來(lái)決定字符串的顯示
//定義函數(shù) 參數(shù)類型 以冒號(hào)定義
function getName(name: string , age: number): string {
return `姓名：${name},年齡：${age}`
}
function shoPerson(name: string ,age: number ,fromat:(name: string ,age: number) => string){
const result = fromat(name, age)
console.log(result);
}
shoPerson("小明",12, getName);
類型別名：
type 別名 = (參數(shù)列表) => 返回值類型
上面的類型定義寫在參數(shù)列表中顯的代碼很長(zhǎng)登舞，可以使用類型別名來(lái)進(jìn)行優(yōu)化
//定義函數(shù) 參數(shù)類型 以冒號(hào)定義
function getName(name: string , age: number): string {
return `姓名：${name},年齡：${age}`
}
type formatPerson = (name: string ,age: number) => string;
function shoPerson(name: string ,age: number ,fromat: formatPerson){
const result = fromat(name, age)
console.log(result);
}
shoPerson("小明",12, getName);
參數(shù)的定義
函數(shù)的參數(shù)分為四種
固定參數(shù) 碎罚、可選參數(shù) 混卵、默認(rèn)參數(shù) 、剩余參數(shù)
//固定參數(shù)
function fixation(name: string ){
}
//可選參數(shù)
function optional(name?: string){
}
//默認(rèn)參數(shù)
function default(name = '小明'){
}
//剩余參數(shù)
function residue(...param:number[]){
}
在定義參數(shù)時(shí)的排序恶阴，固定參數(shù)放在前面 诈胜，其次時(shí)可選參數(shù)，最后時(shí)剩余參數(shù)冯事。
函數(shù)的重載
- 函數(shù)重載焦匈，指的是對(duì)聲明部分重載，即聲明多種調(diào)用形式
- 具有重載聲明的還輸昵仅，聲明和實(shí)現(xiàn)是分離的缓熟。其中
- 聲明部分的函數(shù)簽名對(duì)調(diào)用負(fù)責(zé)
- 實(shí)現(xiàn)部分的函數(shù)簽名對(duì)函數(shù)體內(nèi)的代碼負(fù)責(zé)
- 聲明部分沒(méi)有函數(shù)體累魔，每個(gè)聲明用分號(hào)表示結(jié)束;
- 實(shí)現(xiàn)部分緊接在說(shuō)有聲明之后，其函數(shù)簽名部分的參數(shù)列表和返回值類型必須包容所有聲明中的參數(shù)列表和返回值類型
//聲明部分
function mackRequest(url: string ,config: object): void;
function mackRequest(config: object): void;
//實(shí)現(xiàn)部分 注意第一個(gè)參數(shù)够滑，兩個(gè)聲明中第一個(gè)參數(shù)分別是string 和 object垦写，所以下面第一個(gè)參數(shù)string | object, 使用 | 增加包容的類型
function mackRequest(param1: string | object ,param2: object){
let url: string;
let config: object | undefined;
if(typeof param1 === 'string'){
url = param1;
}else{
config = param1;
//因?yàn)閏onfig對(duì)象 未定義 url 所以這里做了類型轉(zhuǎn)換
url = (param1 as any).url;
}
console.log(`request [${url}] ${config ? 'with config' : 'without config'}`);
}
image.png
