Chrome Devtoolのmonitorを使うと関数の呼び出しを観察できて便利 - ぱすたけ日記

を読んで思い出したのでご紹介です。 元の記事と同様に以下の関数 sum について、 function sum(nums, acc = 0) { console.log({ nums, acc }); if (nums.length === 0) return 0; if (nums.length === 1) return nums[0]; return sum(nums.slice(1), acc + nums[0]); } この関数sumの引数 (nums と acc) の呼び出しごとの変化を見たい場合は、所謂プリントデバッグや debugger を使うのは一般的なテクニックとしてよく知られていますが、このような関数呼び出し時の引数を知りたい場合はmonitor(function)という関数を使うことで同様の効果を得ることが出来ます。 この場合は monitor(sum)とした後に、関

[Pasta-K]

arrow functionはmonitorに渡しても動作しなさそうという件をChromiumにバグ報告したところ、argumentsを使ってるので、引数は表示できないけど呼ばれたことは分かるように修正されたので追記しました

[takaya1992]

知らなかった 便利そう

[yarumato]

“関数呼び出し時の引数を知りたい場合はmonitor(function)とした後に、関数を呼び出すことでtoString()を出力します。ちなみに unmonitor(function)で出力を止められます。”

[Keisuke69]

僕がシェアしたかったのはこっちだったw

[Nyoho]

これってグローバルに見えない(?)関数でもモニタできるんですか?

[toritori0318]

これは便利

[spark7]

不思議。「arrow functionで変数に代入しているものはmonitorに渡しても動作しなさそうです」

[hdampty7]

これは便利。ブクマっておこう

[ene0kcal]

さすが実態はLispなだけはある()

[kasuke18]

“関数呼び出し時の引数を知りたい場合はmonitor(function)という関数を使う”

[jyunjiwatanabe]

monitor(関数)としておくと、関数が呼び出されたときにコンソールに、引数と呼び出された事実を出力。ローカルなスコープの関数も対象にできるが=>で作ったのはだめとのこと。

[berlysia]

ウオーこれ知らなかった便利そう

[akymrk]

monitor()

[kappaseijin]

これ系の関数が他にもいくつかあって知っておくとデバッグに便利

[aceraceae]

便利かもしれない。

[i178inaba]

便利

[paulownia]

知らんかった。。。

[moonblogger]

“読者になる 読者になる 282 飲みに誘う🍺 @pastakを飲みに誘う🍺 ”

[mitsuok-33]

おー便利

[utgwkk]

便利

[sharaku3eyes]

む

[mizdra]

monitor 確かに！！！