まだまだ、デバッグツールの使い方が分かっていないので、間違っている可能性があります。
jQueryを使ったAjaxの実装をそこそこやってきたので、デバッグツールの使い方をアウトプットします。
console.log
一つの変数やthisの中身をコンソール上で確認することができる。また、binding.pryのように処理の流れを止めることはない。
debugger
複数の変数やthisの中身を確認することができる。また、debuggerは、binding.pryのようにイベント発火した時に一旦処理を停止して、コンソール上に変数などの値を表示してくれる。
※これらの他にも、自分がたまにデバッグツールとして使うのは、alert()である。
これは、引数括弧内に変数などを記述すれば、コンソールを開かずとも、アラートが表示されるので便利である。