アロー関数の戻り値の書き方 Typescript

1. ブロック{}を使う場合

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

• return が必要。
• この場合の戻り値は a + b。

2. ブロック{}を省略した場合

const add = (a: number, b:number) => a + b;

• 1行で書くと、a + b がそのまま戻り値になる。
• return は不要。

3. オブジェクトを返す時

オブジェクトを返したいときは注意が必要。

// NG: {} が関数ブロックと解釈される
const makeUser = () => { name: "Alice" };

// OK: () で囲めばオブジェクトリテラルだと分かる
const makeUser = () => ({ name: "Alice" });

4. async 関数の場合

const fetchData = async () => {
    const res = await fetch("...");
    return res.json();
};

• async を付けると、戻り値は必ず Promise になる。
• 上の例なら戻り値の型は Promise 。