忍者ブログ

ひつ(じのひよこが)プログラミングします。
お仕事や趣味で困ったこととか、何度も「あれ?どうだったかしら」と調べたりしたこととか、作ったものとか、こどものこととかを書きます
★前は週末定期更新でしたが今は不定期更新です

2024/05    04« 1  2  3  4  5  6  7  8  9  10  11  12  13  14  15  16  17  18  19  20  21  22  23  24  25  26  27  28  29  30  31  »06

後輩のコードをレビューしての観点 - 1

ひよこも会社で初めて後輩を持つことになり、後輩のコードをレビューする機会も出てきた。今、会社で私が働いている部門はあまりコードを書かない部門だが、たまに書く。そこでひよこが挙げた指摘事項をつらつらと並べておく。

1. Const を使おう

かつては JavaScript では var を変数の宣言の先頭につけて変数を宣言してた。しかし、現在は var の代わりに let と const を使うらしい。関数スコープである var とは違い let も const もブロックスコープで変数を宣言できる頼れる奴だ。しかし、const は不変な変数 (つまり定数) として変数を宣言できる。

const hiyoko = 'piyopiyo';
hiyoko = 'hiyohiyo'; // ここがエラーになる。再代入は許されない!

変数の値が変わらない、ということはソースコードを追うときに考えることが減る、ということだ。変数のスコープを狭くすることと、変数の値を変えないということはメンテしやすいソースコードを書くために便利な手段だ。

2. イベントのバインドは HTML でやらない

HTML の要素に onclick 属性を持たせるなどすればイベントのバインドができる。しかし、イベントのバインドは JavaScript 側にまとめて記述する方が以下のような面でありがたい

  • どこに何をバインドしたか全体を把握しやすい
  • バインド先を変えるのが簡単
PR

コメント

ただいまコメントを受けつけておりません。

ブログ内検索

P R