javascript

Airbnb JavaScript スタイルガイド() { * JavaScript のほとんど合理的なアプローチ* >**注記:このガイドは、あなたがBaverlを使用していると仮定し、あなたがBabel-preset-airbnbまたは等価を使用する必要があります。 また、Airbnb-browser-shims または同等のアプリに shims/polyfills をインストールしていると仮定します。 他の言語でも対応可能です。 翻訳を見る その他のスタイルガイド - ES5(非推奨) - 反応 - CSSでJavaScript - CSSとSass - ルビー コンテンツの表 1. タイプ 1. 参照 1. オブジェクト 1. 配列 1. 破壊 1. 文字列 1. 機能 1. 矢機能 1. クラスとコンストラクタ 1. モジュール 1. イテレータおよび発電機 1. プロパティ 1. 変数 1. ホイスト 1. 比較演算子と平等 1. ブロック 1. 制御声明 1.コメント 1. ホワイトスペース 1. コンマム 1. セミコロン 1. タイプの鋳造及びCoercion 1. ネーミング条約 1. アクセサ 1. イベント 1。 jQuery 1. ECMAScript 5 互換性 1. ECMAScript 6+ (ES 2015+) スタイル 1. 標準的な図書館 1. テスト 1. 性能 1. リソース 1. ワイルド 1. 翻訳 1. JavaScriptスタイルガイド 1. JavaScriptについて 1. 貢献者 1. ライセンス 1. 修正 タイプ <a名="types-primitives"></a><a名="1.1"></a> - 1.1 **原始者**: プリミティブ型にアクセスすると、その値に直接機能します。 - `string` - `数字` - ブーリアン - `null` - 未定義 - `symbol` - `bigint` <br /> - シンボルと BigInts は忠実にポリフィルされることはできませんので、ネイティブにサポートしないブラウザ/環境をターゲティングする際に使用しないでください。 <a名="types-complex"></a><a名="1.2"></a> - 1.2 **コンプレックス**: 複雑な型にアクセスすると、その値の参照で動作します。 - `object` - `array` - `function` <br /> 戻る** 参考文献 <a name="references--prefer-const"></a><a name="2.1"></a> - 2.1 すべての参照のために `const` を使用します。`var` の使用を避けます。 eslint: `prefer-const`、`no-const-assign` > なぜ? これは、あなたの参照を再割り当てできないことを保証します。, バグやコードを補完する困難につながることができます。. <a名="references-disallow-var"></a><a名="2.2"></a> ・ 2.2 参照を再割り当てする必要がある場合は、`var` ではなく `let` を使用します。 eslint: `no-var` > なぜ? `let` は `var` のような関数スコープではなくブロックスコープです。 <a name="references--block-scope"></a><a名="2.3"></a> - 2.3 `let` と `const` はブロックスコープで、`var` は関数スコープです。 上記のコードでは、`a` と `b` を参照すると、`c` はReferenceError が生成され、`c` には数値が含まれている。 これは `a` と `b` はブロックスコープで、 `c` は、 を含む関数にスコープされます。 戻る** オブジェクト <a名="objects-no-new"></a><a名="3.1"></a> - 3.1 オブジェクトの作成に literal 構文を使用します。 eslint: `no-new-object` <a名="es6-computed-properties"></a><a名="3.4"></a> - 3.2 動的プロパティ名でオブジェクトを作成するときに、計算されたプロパティ名を使用します。 > なぜ? オブジェクトのすべてのプロパティを一か所に定義できます。 <a名="es6-object-shorthand"></a><a名="3.5"></a> - 3.3 オブジェクトメソッドのショートカットを使用する。 eslint: `object-shorthand` <a name="es6-object-concise"></a><a name="3.6"></a> - 3.4 プロパティ値のショートカットを使用する。 eslint: `object-shorthand` > なぜ? それはより短く、記述的です。 <a name="objects-grouped-shorthand"></a><a name="3.7"></a> - 3.5 オブジェクト宣言の先頭にあなたの短いプロパティをグループ化します。 > なぜ? どのプロパティが欠点を使用しているかを簡単に伝えられます。 <a name="objects-quoted-props"></a><a name="3.8"></a> - 3.6 無効な識別子である引用プロパティのみ。 eslint: `quote-props` > なぜ? 一般的には、主観的に読みやすく検討しています。 構文の強調を改善し、多くのJSエンジンによってより容易に最適化されます。 <a name="objects-prototype-buildins"></a> - 3.7 `hasOwnProperty`、`propertyIsEnumerable`、および `isPrototypeOf` など、直接 `Object.prototype` メソッドを呼び出すことはありません。 eslint: `no-prototype-buildins` > なぜ? これらのメソッドは、問題のオブジェクトのプロパティーによってシャドウされる可能性があります。`{ hasOwnProperty: false` - または、オブジェクトは null オブジェクト (`Object.create(null)`)` になります。 ES2022 をサポートするモダンなブラウザ、または <https:/ のような多重なるブラウザ