ステップ実行で式の中の各演算が実行される様子を1個1個確認する方法

いつもお世話になっています。
DevToolsのステップ実行などで、式の中の各演算を1個1個確認するにはどうすればよいですか。
例えば、
1 + 1 + 1
なら、まず左の1 + 1が評価されて2 + 1となりますが、
この2 + 1となる過程を観察するツールはありますか。
またはDevToolsでのやり方があれば教えてください。

No.1 ベストアンサー 回答者： ameriot 回答日時： 2023/04/03 12:36

DevToolsのステップ実行で式の中の各演算を1個1個確認するには、以下のような手順で行うことができます。

1. デバッグしたい行の前にブレークポイントを設定します。
2. コードを実行すると、ブレークポイントで停止します。
3. ステップイン (F11) ボタンをクリックして式の中の演算を1つずつ実行していきます。
4. ステップインするたびに、現在のスコープの中で式内の次の値が評価されて表示されます。
5. ステップインが完了したら、ステップアウト (Shift + F11) ボタンを使って、ステップインした場所から戻ります。

上記の手順で、式の中の演算を1つずつ確認することができます。

この回答へのお礼

ありがとうございます。
DevToolsで普通にできるのですね。

しかし環境の問題でしょうか。
私のマシンではF11を押すとその式が一気に実行されて、次の行に進んでしまいます
(ToT)

お礼日時：2023/04/03 12:50