JavaScript で print デバッグ時に変数名を出力する - mizdra's blog

数列の和を求めるプログラムを作成することになり、意気揚々と以下のようなプログラムを書いたという状況を想像して下さい。 function sum(nums, acc = 0) { if (nums.length === 0) return 0; if (nums.length === 1) return nums[0]; return sum(nums.slice(1), acc + nums[0]); } const nums = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; console.log(sum(nums)); // expected: 55 一見すると何も問題なさそうに見えるプログラムですが、実はバグがあります (皆さん分かりますか?) *1。実際に上記プログラムを実行すると 55 ではなく 10 が出力されます。 こうした場面に遭遇すると、自然と sum

[versatile]

なんだかんだ言って人は print debug の呪いから解放されない。最初の言語が java とかで、breakpoint 設定して実行するとかに慣れてると「print デバッグなんてなんでやってるの？原始人なの？」って思えるのかもしれんが・・・

[yarumato]

“console.log の引数リストを { ... } で囲うだけで変数名も一緒に出力されるようになります。ES2015 で導入された比較的新しい記法です。”

[hdampty7]

適当に書くときはよく使う手法だと思う。仕事でやるときはプロジェクトの方針次第ですね。難読化の際に消すようにするとか、ログレベル回りを拡張した自前を使うとか。

[nicht-sein]

最近はJSでもbreakデバックできるの便利だよね、ってのはおいておいて、Shorthand property namesはJSのシンタックスのなかでもかなり好きな部類。これのお陰でコードがすごく簡潔になる

[jytech]

]

[rryu]

さすがのChromeも開発者ツールの為に変数名を値として扱える拡張はしないだろうと思ったら標準で大体同じことができるものがあったという。

[aceraceae]

それはともかく単純に console.log で出力した値ってその時の値とは違うからなあ。

[ai_gaminglife]

Java使いでもprintデバッグはやるやろ

[Malan]

debugger; なんてあったのかー

[masa8aurum]

“console.log({ nums, acc });” なるほど。 / debugger 文を埋め込む

[berlysia]

素朴に役立つやつ

[kumicho24]

こういうの好き

[kuroan]

本旨とは違うけれどこの記事を読んで初めて関数のデフォルト引数の存在を知りました（JavaScript初心者並感）

[Falky]

debugger; 知らなかった…