[js: debugger] #js

debugger.js

// https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Statements/debugger

function potentiallyBuggyCode() {
    // Dev Tool を開いていればここで
    // break point 設定したような感じで止まってくれる
    // console のスコープも同期するのでサクッと確認できる
    debugger;
}

// https://stackoverflow.com/questions/28388530/why-does-chrome-debugger-think-closed-local-variable-is-undefined
//
// ↑ で触れている通り、Dev Tool の Console 上では変数 scope を固定するために
// 普段なら問題ない const, let などの定義が「定義後に即時削除」されるようになっている
// よって Console で const とか変数定義ができないことに注意
// var hoge = '' みたいに定義して代入すればいい