JSのgetElementById()の使い方について

Question

疑問に思いまして、質問です。
JSのid取得の際に使用するgetElementById()について、
以下の２通り書き方があるかと思いますが、下記は省略形という認識でよろしいでしょうか。

var sample = document.getElementById('sample');
sample.innerHTML = '名前:' + num[num];

document.getElementById('sample').innerHTML = '名前:' + num[num];

Answer 1

動きとしては同じかと思います。
sampleを再利用したい場合や、下が複雑だと感じるなら上の書き方がよいかと思います。

Comments

[gomasan]

ご回答有難うございます！理解できました。。

Answer 2

これだけだとどちらも同じ効果ですが、特に下記が省略形と言うことでは無く、普通の書き方です。

式の途中の中間結果を一度変数に代入するかどうかは、必要があればするし、必要が無ければしません。
・その中間結果を別のところでも参照する
・その中間結果が何を意味するのかを明示するために名前（変数名）をつける
・1つの式が長くなりすぎた
など。

この例だと長すぎることはないので、sampleを他のところで使うので無い限り下記が普通でしょうか。
無意味に変数を作ると、「この変数は後で参照されるかもしれないので、変数名と値を覚えておこう」と読む時の負担が増えます。

Comments

[gomasan]

なるほど！！有難うございます！理解できました。