ブレークポイントとコンソールの併用

このページでは、ブレークポイントを使ってコードの実行を一時停止し、変数の値を確認する方法を学びます。

ブレークポイントの設定方法:
  1. 開発者ツールを開く(F12)
  2. Sources(ソース)タブをクリック
  3. 左側のファイル一覧から 06-breakpoint-demo.js を選択
  4. 調査したい行(例: 8行目)の行番号をクリックすると、青い印がつきます
  5. ボタンをクリックすると、その行で実行が一時停止します
  6. 一時停止中に、右側の「Scope」パネルで変数の値を確認できます
  7. 一時停止中に、コンソールで直接コードを実行することもできます
試してみましょう: ブレークポイントで一時停止中に、コンソールで以下のコードを実行してみてください:
price
taxRate
price * taxRate
price + price * taxRate

価格: 1000

税率: 10%

計算結果: -