JavaScriptのdebuggerでデバッグが楽になる

やっとconsole.logから脱出できそうな気がしてきました。

今までずっとconsole.logを利用してきました。

これからも使っていくでしょう。

ただし、debuggerの存在に気づいたので、debuggerを利用していきたいと思います。

何がいいかっていうと、実行時にブレイクポイントで止まってくれる。

これに尽きます。

利用方法

document.addEventListener('DOMContentLoaded', () => {
  document.getElementById("foo").addEventListener('click', () => {
    debugger←差し込む
  })
});

https://gyazo.com/e2a44d5c27b3cee45a0cc4f7fe6c8d69

上の画像でクリックすると、差した場所でブレイクポイントで止まっていると思います。

これが便利ですね。

これで少しは楽になりそう。