函數(shù)的聲明

1.聲明式

function sum(a: number, b: number,): number {
  return a + b
}

2. 函數(shù)表達式

下面代碼中，add: 后的(a: number, b: number) => number可以理解為對add這個變量的約束，表示它將接收一個函數(shù)，該函數(shù)的參數(shù)有a、b，且類型都是number；該函數(shù)的返回值是number類型
注意：這里的=>與箭頭函數(shù)中的作用是不一樣的，在 TypeScript 的類型定義中，=> 用來表示函數(shù)的定義，左邊是輸入類型，需要用括號括起來，右邊是輸出類型

const add: (a: number, b: number) => number = (a: number, b: number): number => {
  return a + b
}

3.使用接口聲明一個函數(shù)

interface ISum {
  // 冒號前面是參數(shù)的約束，冒號后面是返回值的類型約束
  (x: number, y: number): number
}
const fn: ISum = (x, y) => x + y

當一個函數(shù)被聲明后，調(diào)用時攜帶的參數(shù)必須與聲明的一致，不允許少或者多，否則都會報錯的，如下

sum(1) // 應有 2 個參數(shù)，但獲得 1 個
sum(1,2,3) // 應有 2 個參數(shù)，但獲得 3 個

可選參數(shù)

typescript中，函數(shù)參數(shù)也可以像接口一樣，設(shè)置可選的參數(shù)，用?修飾,如下代碼所示，參數(shù)c就是可選的，需要注意的是，務必將可選參數(shù)放在必要參數(shù)的后面，也就是說，可選參數(shù)后面不能再出現(xiàn)必要參數(shù)

const add: (a: number, b: number, c?: number) => number = (a: number, b: number, c?: number): number => {
  if (typeof c === "number") {
    return a + b + c
  }
  return a + b
}
add(1, 2, 3) // 6
add(1, 2) // 3

參數(shù)默認值

typescript中，也支持函數(shù)參數(shù)設(shè)置默認值，設(shè)置了默認值的參數(shù)，自動轉(zhuǎn)為可選參數(shù)

function sum(a: number, b: number = 2): number {
  return a + b
}
sum(1)