浄化JSコード


名前を重視する
関数を分割できるものを分割して、機能別に名前を付けます.
IF文簡略化
if(value === 'duck' || value === 'dog' || value === 'cat') {
  // ...
}
乱れた条件判断を変数に格納すると、ふくよかな表現よりもはるかに優れています.
const options = ['duck', 'dog', 'cat'];
if (options.includes(value)) {
  // ...
}
早いうちに帰る
早めに帰ったらコードが読みやすくなります.
function handleEvent(event) {
  if (!event || !event.target) {
    return;
  }
  // Your awesome piece of code that uses target
}
 
割り当て値
// object     
const numbers = {one: 1, two: 2};
const {one, two} = numbers;
console.log(one); // 1
console.log(two); // 2

// array     
const numbers = [1, 2, 3, 4, 5];
const [one, two] = numbers;
console.log(one); // 1
console.log(two); // 2
ボーイスカウトのルール
ボーイスカウトには、いつまでもキャンプを続けることがルールがあります.あなたが見つけた時よりずっときれいです.
コードを作成しても同じです.コードに汚いコードが発見されたら、それを修正してみてもいいです.参照されていない変数名です.
コードスタイル
あなたのチームでコードスタイルを使います.例えば、コードのインデントを制限する規格は二スペースですか?それとも四スペースですか?シングルクォーテーションを使いますか?それともダブルクォーテーションを使いますか?同じような枠組みを使うか、それとも二つの解決策の枠組みが流行するか…ということで、チームの中の人がプロジェクトを引き継ぐコストが下がり、開発者の心の中で反発感が減ります.
だから、開発の仕事の中で、他人に反発感を与えないために、できるだけ綺麗なコードを書くようにします.