私は生徒のためにブラウザー内の Java 風のデバッガーを作成しました ( http://www.kapparate.com/kj/。JavaScript 対応ブラウザーでコンパイル ボタンをクリックします)。現在のスコープで変数を視覚化する最良の方法。今、私はそれらを JSON として出力しています:
6 KJDB> 7 STACK {"x":"hello","y":"hello","a":4,"z":5,"xx":-5.6400000000000015,"c":true,"intArray":[5,90,35,45,150,3]}
つまり、x、y、a、z、xx、c、および intArray を表します。それぞれの値もそこにあります。
しかし、私の生徒の中には中学生もおり、この種の表記は時々混乱を招きます。テーブルを使用する必要があります (各行は異なる変数ですか?)。それとも、変数を表す四角形を使ったグラフィカルなものでしょうか?
私の教授が CS 入門コースで行ったことは、コンピューターのメモリを表すために非常に幅の広い四角形を描画し、それを列に分割することでした (つまり、任意の長さの 1 つの行と、任意の幅の多数の列)。
変数を作成するときはいつでも、彼は小さなブロックを使用して変数を表すか、その変数への参照を表します。たとえば、int変数はメモリの 1 つの小さな列または「ブロック」を占めるだけです。しかし、int[]変数 (または、値ではなく参照によって渡されるその他の種類の変数) の場合、参照を表すブロックを描画し、行の下に別のブロックを描画して実際の値を表します。彼は単純に矢印を描いて、小さいブロックが大きいブロックを参照していることを示しました。
名前と値を含む 2 列のテーブル。メソッドの呼び出しと、場合によっては再帰について話すときは、異なる境界線を使用して、異なるスタック フレームをマークしたいと思うかもしれません。または、メソッド名を含む単一の列見出しでスタック フレームをマークすることもできます。