6つのルールはあなたのコードを浄化します.


1.命名を重視する
以下のように、2つの配列を1つの配列に結合し、1つの一意の値の配列を生成します.では、どうやって名前をつけますか?私たちはこのように名づけるかもしれませんか?
function mergeNumberListIntoUniqueList(listOne, listTwo) {
     
  return [...new Set([...listOne, ...listTwo])]
}
上の名前は悪くないですが、まだ友好的ではありません.一つの機能関数を二つの機能関数に分割することができます.このように名前を付けるとより友好的で関数多重性がより良いです.
function mergeLists(listOne, listTwo) {
     
  return [...listOne, ...listTwo]
}

function createUniqueList(list) {
     
  return [...new Set(list)]
}
2.IF文の簡略化
下記のコードがあると仮定します.
if(value === 'duck' || value === 'dog' || value === 'cat') {
     
  // ...
}
私たちはこのように解決できます.
const options = ['duck', 'dog', 'cat'];
if (options.includes(value)) {
     
  // ...
}
3.早めに帰る
下記のコードがあります.
function handleEvent(event) {
     
  if (event) {
     
    const target = event.target;
    if (target) {
     
      // Your awesome piece of code that uses target
    }
  }
}
早いうちに戻ってくるとコードが読みやすくなります.
function handleEvent(event) {
     
  if (!event || !event.target) {
     
    return;
  }
  // Your awesome piece of code that uses target
}
4.分配値
javascriptでは、私たちはobjectとarraysに対して解像力を行うことができます.
たとえば:
// 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
5.ボーイスカウトルール
少年兵には、いつまでもキャンプを続けることが、発見された時よりも清潔であるという規則があります.もしあなたが地面に汚れを見つけたら、あなたが残したものかどうかに関わらず、きれいに掃除します.次のキャンプ者のために環境を改善するつもりです.
コードを作成してもこのようにします.コードの中に汚れたコードが発見されたら、それを修正してみてもいいです.参照されていない変数名です.
6.コードスタイル
あなたのチームでコードスタイルを使います.例えば、コードのインデントを制限する規格は二スペースですか?それとも四スペースですか?シングルクォーテーションを使いますか?それともダブルクォーテーションを使いますか?同じような枠組みを使うか、それとも二つの解決策の枠組みが流行するか…ということで、チームの中の人がプロジェクトを引き継ぐコストが下がり、開発者の心の中で反発感が減ります.