PJCHENder 未整理筆記

[TS] TypeScript Function Type

2020-06-19

[TS] TypeScript Function Type

函式參數

當一個函式被建立但沒有對其參數進行型別註記時,預設會被套用 any這是不建議的寫法

使用 Type Alias 定義函式型別

1
2
3
4
5
6
7
type Greet = (name: string, age: number) => string;

const greet: Greet = (name, age) => {
return `Hello ${name}, your age is ${age}.`
}

console.log(greet('Aaron', 30));

使用箭頭函式

1
2
3
4
/* 使用箭頭函式 */
const add = (a: number, b: number): number => a + b;
// 等同於,在變數後直接註記型別為函式
const add: (a: number, b: number) => number = (a, b) => a + b;

使用 function 語法

1
2
3
4
5
6
7
8
9
/* 使用 function keyword */
// function statement
function add(x: number, y: number): number {
return x + y;
}
// function expression
const add = function (a: number, b: number): number {
return a + b;
};

參數中解構賦值

1
2
3
4
5
6
7
8
9
const greet = ({
firstName,
lastName,
}: {
firstName: string;
lastName: string;
}): void => {
console.log(`Hello ${lastName} ${firstName}`);
};

掃描二維條碼,分享此文章