constで書くかfunctionで書くか

code:typescript

const foo = () => { return 42 }

これと

code:typescript

function foo() { return 42 }

これとでどっちが良いのかという話

前提

ホイスティング

「定義の巻き上げ」

定義順を気にせずに使えるということ

functionではホイスティングしてもらえるのでトップレベルではfunctionを使うと便利

互いに順番を気にせず呼べる

constではホイスティングされない

使う順に書く必要がある

Reactコンポーネントでは自分で呼ぶということはないのでconstでいい

constだとFCという型をつけられる