' P '

whatever I will forget

Certified JavaScript Developer Debugging and Error Handling Section

CRT600 JavaScript

Debugging and Error Handling

| Breakpointの種類

Function Breakpoint

  • 使用すると、特定の関数が呼び出されたときにコードを一時停止することができます
    • このBreakpointを使用するには、debug(functionName)関数を呼び出します。functionNameは、debug(getCoupon)のようにデバッグする必要がある関数です

XHR/Fetchブレークポイント

DOM Changeブレークポイント

  • DOM内のノードやその子ノードが変更された場合に使用されます

イベントリスナーブレークポイント

  • ボタンのクリックなど、DOMでイベントが発生したときに使用されます

| Persist Log

  • ChromeやSafariなどのブラウザには、「ログを保存する」設定があり、ページの更新や再読み込みの間、コンソールタブに記録されたメッセージを保存することができます
  • Firefoxでは、これは「Persist Logs」と呼ばれています

consoleメソッド

  • console.time()メソッドを使用すると、非同期コールアウトなどの操作にかかる時間を追跡するためにタイマーを開始することができます
  • console.timeLog()メソッドは、console.time()で開始されたタイマーの現在値を記録するために使用します
  • console.table()メソッドは、配列やオブジェクトのデータを表形式で表示するために使用できます
  • console.group()メソッドは、コンソールにインライングループを作成し、それに続くコンソールメッセージをさらに1つ上のレベルで識別するために使用されます

error object

  • console.log()で表示できるerrorオブジェクトの構文例は下記.
console.info(e.name + ' -> ' + e.message);
console.info(e.name, e.message);
console.info({name: e.name, message: e.message});