ホームページ > ウェブフロントエンド > jsチュートリアル > デバッグ アドベンチャー デイ コードが機能しない場合の対処法

デバッグ アドベンチャー デイ コードが機能しない場合の対処法

Susan Sarandon
リリース: 2025-01-15 20:41:48
オリジナル
223 人が閲覧しました

Debugging Adventure Day What to Do When Your Code Doesn’t Work

コーディングのクエスト中に、あなたは手強い敵に遭遇します。それは、すべてを停止させるプロジェクト内の予期せぬバグです。何をしますか?

最初に 3 つの選択肢があります:

  1. コンピュータを窓から投げ捨てて、怒り狂って辞めてください。
  2. どこにでもログを散布したり、ステートメントを印刷したりし始めます。
  3. 落ち着いて、自分の足跡をたどりましょう。

オプション 1: コンピューターを窓から投げ捨てます

あなたはイライラして、もう十分だと判断します。あなたは、バグを完全に追い出そうと、コンピューターを窓から投げ捨てました。

--インテリジェンス
--スタミナ

結果:

function gameOver()
{
console.log("Game Over: Bug wins. You lose.");
} 

ログイン後にコピー
ログイン後にコピー
ログイン後にコピー

洞察力:

激怒してやめても何も解決しません。リスポーンして再試行する時間です。


オプション 2: どこにでもログを散りばめるか、ステートメントを出力する

あなたは、できる限りすべてを記録することにしました。 console.log、print()、trace() のいずれであっても、コード内の重要なポイントに追加します。すぐに、端末またはコンソールに出力が溢れます。

次のステップ:

  1. ログを調べて手がかりを探します。 1 つの変数が期待どおりではないことに気づきました。それを修正するとコードが機能するようになります。
  2. もう一度実行してみてください。 うまくいきました。しかし、待ってください…新しい機能を追加すると、突然新しいバグが発生します

洞察力:

ログは問題を追跡するための優れた方法ですが、やりすぎないでください。バグが修正されたら、ログをクリーンアップします。


オプション 3: 落ち着いて、自分の歩みをやり直してください

あなたは深呼吸をして、冷静にこれに取り組むことに決めます。

  • 最近の変更を注意深くチェックします。最後の編集後に何かが壊れた可能性があります。
  • エラー メッセージをすべて読み、理解しようとします。
throw new Error("Resource brain not found. Please try turning it on and off.");
ログイン後にコピー
ログイン後にコピー
throw new Error("TypeError: Expected logic, but received chaos.");
ログイン後にコピー
ログイン後にコピー
throw new Error("Permission Denied: You do not have clearance to understand this code.");
ログイン後にコピー
throw new Error("404 Error: Bug not found, but don’t worry, it’s lurking somewhere.");
ログイン後にコピー
  • あなたは、コードの一部を分離し、小さな部分を個別にテストすることにしました。

遡行中にタイプミスを発見しました。それを修正すれば、プロジェクトは完璧に実行されます。一瞬、世界のすべてが正しく感じられます。 インテリジェンス

しかし、待ってください…新しい機能を追加しようとすると、プロジェクトが再び中断されます。 またバグが現れました!

あなたは:

  1. さらにログを追加しますか? (オプション 2 に戻る)
  2. デバッガーを使用してコードをステップ実行しますか?

デバッガーの使用

あなたは戦術を切り替え、デバッガーを使用することにしました。ブレークポイントを設定し、コードをステップ実行して、値がどのように変化するかを観察します。数分後、問題、つまり見当違いの状態に気づきました。それを修正すると、機能が動作します。
インテリジェンス

洞察力:

デバッガは、微妙な問題を見つけるのに最適です。これらを使用して、複雑なコードをステップ実行します。


新たなバグが出現!

1 つのバグを修正すると、別のバグが代わりに発生します。今回はさらに頑固です。イライラしながらも決意を固めて、前に進みます。
--スタミナ

選択肢は 3 つあります:

  1. 開発者フォーラムで助けを求めてください。
  2. 少し休憩して、後で戻ってください。
  3. キーボードが機能するまで頭を叩き続けます。

オプション 1: 開発者フォーラムで助けを求める

あなたは質問を作成してオンラインに投稿しますが、内容をほとんど提供せず、再現可能な例も提供せずに急いで質問を進めます。

function gameOver()
{
console.log("Game Over: Bug wins. You lose.");
} 

ログイン後にコピー
ログイン後にコピー
ログイン後にコピー

結果:

あなたの質問は無視されるか、皮肉な返答を受けます。あなたはさらにイライラを感じます。

throw new Error("Resource brain not found. Please try turning it on and off.");
ログイン後にコピー
ログイン後にコピー

リスポーンして再試行します: 今回は、適切なコンテキストを含む詳細な質問を投稿します。親切な開発者が、変数の初期化を忘れていたことを指摘しました。それを修正すると、再び動作し始めます。


オプション 2: 休憩して後で戻ります

あなたは少し離れてみることにしました。散歩と軽食の後、新鮮な目で戻ってきます。
スタミナ

コードに目を通すと、すぐに間違い、つまり以前は見落としていたことに気づきます。それを修正すれば、プロジェクトは完璧に機能します。

洞察力:

イライラしたときに休憩すると、見落としていたものが見えるようになります。


オプション 3: キーボードに頭を叩き続ける

あなたは諦めず、明確な戦略を持たずにランダムな修正をテストし続けます。何時間も経ちますが、何も進みません。やがて疲労が始まります。
--インテリジェンス
--スタミナ

結果:

throw new Error("TypeError: Expected logic, but received chaos.");
ログイン後にコピー
ログイン後にコピー

洞察力:

粘り強く続けるのは素晴らしいことですが、明確な計画がないと挫折につながります。必要に応じて休憩を取ってください。


最終勝利

複数のバグを修正し、挫折を乗り越えた後、プロジェクトはついに機能します。あなたはバグを克服し、新機能を追加し、貴重なデバッグ スキルを学びました:

  1. 落ち着いて、自分の足跡をたどってください。
  2. ログまたは出力ステートメントを使用してエラーを追跡します。
  3. 複雑な問題にはデバッガを活用します。
  4. 必要なときは、明確かつ簡潔に助けを求めてください。
  5. 明晰さを維持するために休憩を取ってください。

デバッグ アドベンチャーに勝ちました!さあ、今後のコーディング クエストにバグがなくなりますように (または、少なくともバグが少なくなりますように)。

function gameOver()
{
console.log("Game Over: Bug wins. You lose.");
} 

ログイン後にコピー
ログイン後にコピー
ログイン後にコピー

以上がデバッグ アドベンチャー デイ コードが機能しない場合の対処法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート