部分1-2)符号品質-2)符号化様式

2082 ワード

エンコーディングSteilリンク:https://ko.javascript.info/coding-style

推奨される構文規則

  • 関数名とパラメータ括弧の間のスペースX
  • パラメータとパラメータ括弧の間のスペースO
  • パラメータカッコを閉じ、同じ行でカッコを開きます.(エジプト風)
  • 演算子前後スペースO
  • 式の後には必ずセミコロンを使用します.
  • 1行にあまり長く書かない(通常は80文字または120文字)
  • }else{:elseは両側の括弧を改行しない
  • ネスト呼び出しの両側にスペースO,ex)alert(paw(x,n)
  • を付ける
  • 論理ブロック(論理ブロック)の間で1行ずつ分離される.(=垂直インデント)
    このような縦書きがなければ、9行以上連続して書くことはできません.
  • ex) let x = prompt("x?", "");
    let n = prompt("n?", "");
    
    if(n < 0) { ~ }
  • for, if, while ... 後ろはスペース
  • ex) for (조건) {~}
  • は2つのグリッドをインデントします.タブで区切る方法もあれば、区切る方法もありますが、最近は区切る方法がよく使われています.
  • オーバーラップレベル


    重複文を使用する場合、重複時間が長くなるとcontinueを使用できます.
    for (let i=0; i < 10; i++) {
      if (condition) {
      ... // => 중첩레벨 증가
      }
    }
    上記の例の文は次のようになります.
    for (let i=0; i < 10; i++) {
      if (!condition) continue;
      ... // => 중첩레벨이 추가 되지 않는다!
    }
    if文はif{~}else{~}を書き込むのではなくif文を返す.加えてifゲート外のコードを実行させることで、オーバーラップレベルを減らし、毒性を高めることができます.

    関数の場所


    通常、複数のhelper関数を使用する場合は、上部でhelper関数を使用するコードを定義し、下部で関数を宣言するのが好きです.

    スタイルガイド


    スタイルガイドは、コードの作成方法に関する一般的なルールに関するドキュメントです.
    有名なドキュメントにはGoogleのJavaScriptスタイルガイド、AirbnbのJavaScriptスタイルガイドなどがあります.
    1.Google JavaScriptスタイルガイド。
    2.Airbie&Bascriptスタイルガイド

    Linter


    作成コードがStaring Guideに準拠しているかどうかを自動的に確認し、スタイルの改善を提案します.
    JSLint、JSHint、ESLintなど.
    npmを使用してeslintをルートフォルダにインストールします.eslintrという名前のプロファイルを作成します(babelのプロファイルもbabelrcです).eslintcに拡張「eslint:推奨」プロパティを指定すると、記録された林に基づいてスタイルガイドを展開できます.