0

下記のような感じで、変数宣言が続いている時
・途中で変数内容を確かめるためにconsole.logしたいのですが、どう書けば良いですか?

  var hoge = 1,
    a = k.childNodes[0],
    b = a.childNodes[1].childNodes[0],

2 件の回答 2

6

varによる変数宣言は、,で繋げられている全体が一つの宣言文ですので、途中でconsole.log(...);のような別の文を挟むことはできません。

varを挟んでそれぞれを独立した文に修正して下さい。

var hoge = 1;
console.log(hoge);
var a = k.childNodes[0];
console.log(a);
var b = a.childNodes[1].childNodes[0];
console.log(b);
...

こんな(↓)書き方をしても動くでしょうが、上記の修正は大した手間ではないですし、後で「謎?」に見えるような書き方はしない方が良いでしょう。

var hoge = 1,
    _ = console.log(hoge),
    a = k.childNodes[0], b = a.childNodes[1].childNodes[0],
    _ = console.log(a),
    _ = console.log(b),
    ...;

(そもそも、値を確かめたくなるようなちょっと複雑な初期値を持つ複数の変数宣言をひとつのvarに書いてしまうのはどうかと思うんですが。ちなみに上記のコードはletだと構文エラーになります。)

4

本当にやりたいことは、「console.log()を変数宣言に入れる」ではなく「変数の宣言を逐次実行しながら値を確認する」ですよね。

デバッガを使いますconsole.log()は使いません。

Chromeの場合、DevToolsを起動し、「Sources」タブを選択、コードがあるファイルを開いて、該当の宣言の行番号をクリックしてブレークポイントを仕掛けます。その後、そのコードを通るようなアクションを起こすとデバッガが起動するので、ステップ実行しながら値を確認します。

1
  • ステップ実行で値を確認できました
    – re9
    Commented 2018年9月10日 6:10

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。