関数とは何か理解しよう
関数とは処理をひとまとめにして再利用できるようにしたものです。
ボタンを押したら実行される処理、フォーム送信時の処理など、役割ごとに関数を分けることでコードが整理され読みやすくなります。
functionキーワードで定義でき、必要があれば引数や戻り値を使って柔軟に処理を組み立てます。
アロー関数の書き方
関数には複数の書き方がありますが、現在はアロー関数の利用が増えています。
短く書けて可読性も高く、引数が1つなら括弧を省略できるなどメリットが多いです。
functionで書いた関数とアロー関数の書き方を両方理解しておくと現場のコードで迷いません。
See the Pen 関数ってなに？アロー関数まで解説 by Syo Yanai (@h1-tech-japan) on CodePen.
関数をうまく使うコツ
長い処理を全部1つの関数にまとめないこと、自分の関数が何をするのか名前で伝わるようにすること、繰り返し出てくる処理を関数化することを意識するとスッキリ整理できます。
まずは短い関数を作るところから慣れていきましょう。