modern-javascript-patterns

モダン JavaScript パターン

モダン JavaScript (ES6+) の機能、関数型プログラミングパターン、そしてクリーンで保守しやすく高性能なコードを書くためのベストプラクティスを習得するための包括的なガイドです。

このスキルを使用する場面

• レガシーな JavaScript をモダンな構文にリファクタリングする
• 関数型プログラミングパターンを実装する
• JavaScript のパフォーマンスを最適化する
• 保守しやすく読みやすいコードを書く
• 非同期処理を扱う
• モダンな Web アプリケーションを構築する
• コールバックから Promises/async-await へ移行する
• データ変換パイプラインを実装する

詳細なパターンと実例

詳細なパターンのドキュメントは references/details.md にあります。上記のナビゲーション階層では不十分な場合、そのファイルを読んでください。

ベストプラクティス

1. デフォルトで const を使用する: 再代入が必要な場合にのみ let を使用します
2. アロー関数を優先する: 特にコールバックで
3. テンプレートリテラルを使用する: 文字列連結の代わりに
4. オブジェクトと配列を分割代入する: よりクリーンなコードのために
5. async/await を使用する: Promise チェーンの代わりに
6. データの変更を避ける: スプレッド演算子と配列メソッドを使用します
7. オプショナルチェーンを使用する: 「Cannot read property of undefined」を防ぎます
8. Null 合体演算子を使用する: デフォルト値のために
9. 配列メソッドを優先する: 従来のループよりも
10. モジュールを使用する: より良いコード構成のために
11. 純粋関数を書く: テストと推論が容易になります
12. 意味のある変数名を使用する: 自己文書化するコード
13. 関数を小さく保つ: 単一責任の原則
14. エラーを適切に処理する: async/await で try/catch を使用します
15. strict モードを使用する: より良いエラー検出のために 'use strict'

よくある落とし穴 (this バインディング、Promise のアンチパターン、メモリリーク) については、references/advanced-patterns.md を参照してください。