プロジェクト開発では常にさまざまなバグに遭遇しますが、私にとっては、いかに早くバグを発見し、分析し、解決できるかが最大の課題です。
したがって、まず、プロジェクト開発においてどのような種類のエラーがよく発生するのかを明確にする必要があります。
エラーの種類には 3 つの主要なカテゴリがあります。
1. 文法上の誤り
文法エラーをエラーの形式からどのように修正する必要があるかを明らかにしましょう。いわゆる文法エラーは、ID 開発ツールを使用するときに発生するエラーの一種です。たとえば、次のとおりです。
変数を定義するときは、 const を想定します。const を記述するときに、単語にスペル エラーがある場合は、それを文法エラーと呼ぶことができます。このタイプのエラーは、VSCode の組み込み開発ツールを使用するときに使用されます。明らかな赤い波線が表示され、コード エラーが発生したことがわかります。もちろん、コードを記述するときに他のツールを使用して文法エラーをより適切に修正することもできます。たとえば、次のように使用します。
- ESLint : 私たちが実装しているのは、コードのルール制約の検出操作です。これを使用すると、文法エラーを回避するのに役立ちます。括弧が一致するかどうかを解析します。
- Prettier : コード ツールは文法エラーを修正します。では、なぜ Prettier コード書式設定ツールは文法エラーを修正できるのでしょうか? これは、構文エラーが発生するとコードの整形プロセスが失敗し、コードを記述するときに対応するエラー メッセージが別の場所に表示されることが明確になるためです。
- Code Spell Checker : コードを書くときにコードの書き方に間違いがないかを判定するコードスペルチェッカープラグインでもあります。
- Error Lens : 文法上の誤りをリアルタイムに表示するツールです
- GitLens : 構文エラーに対処するときに、バージョン ロールバック管理を通じて現在の状況を判断するのに役立ちます。
つまり、構文エラーは開発環境で発生するエラーの一種であり、さまざまなツールや開発習慣を使用してバグを見つけ、回避し、解決することができます。
2. コンパイルエラー
コンパイルエラーとは何ですか? コンパイル エラーは、プログラムの実行中に発生するエラーの一種です。
- コンソールのエラーメッセージを表示する
- 例外キャッチ(トライキャッチ)
- ロギング
コンソールからエラー メッセージを確認できます。この時点で、機能を改善する必要があります。コンソールの情報を理解できますか? コンソールのエラー メッセージを理解できない場合は、方法がありません。現在の問題が何であるかを分析してください。コンソールのエラー メッセージを理解できれば、プログラム内で try-catch を試すか、ログ レコードを使用してコンパイルがどのような状況で発生するかを明確にすることができます。エラー、つまりプログラミング エラーを引き起こす可能性は主に次のとおりです。既存の問題を表示および分析する能力。
3. 論理エラー
論理エラーとは何ですか? 構文エラーやコンパイルエラーは発生しません。
では、どうすれば解決できるでしょうか？
- コンソールの印刷: コンソールの機能は非常に強力で、例えば、コンソールの印刷処理はconsole.logだけでなく、console.debuger、console.error...なども印刷して、どこで問題が発生しているかを確認することができます。
- プログラム デバッガー: デバッガーを使用して、指定したプログラムの場所にブレークポイントを設定します。条件付きブレークポイントを設定できます。条件が満たされた場合に一時停止し、特定の条件下でのみ特定のロジックをデバッグできます。したがって、現時点では、プログラムデバッガを使用すると非常に便利です
- ツールブレークポイントのデバッグ
TypeScript でバグを減らす:
- 静的型チェック
- 型の注釈と推論
- エラーを早期に発見
- スマートコード補完
- コードの可読性と保守性
バグ処理は単なるテクノロジーではなくプロセスであり、チームのコラボレーションと個人の成長にとってさらに良い機会です。