定数を使ってもいいですか?

document.querySelector('button'); などを定数に代入しても問題ありません。
2022年4月20日
ユーザー

初歩的な質問ですみません。
レッスンが進むと色々な書き方が出てきて、よくわからなくなってきました。
下記 (1) のソースコードで書いてありますが、下記 (2) や (3) のような書き方でも同じでしょうか?
まわりくどいので、この場合 (1)で良いと思うのですが、複雑なコードの場合は、const ○○ = と定義する、ということでしょうか?

(1)

{ 
  document.querySelector('button').addEventListener('click', () => {
    document.getElementById('target').textContent = 'Changed!';
  }); 
}

(2)

{ 
    const text = document.querySelector('button');
    text.addEventListener('click', () => {
      document.getElementById('target').textContent = 'Changed!';
    });
}

(3)

{ 
    const text = document.querySelector('button');
    const target = document.getElementById('target');
    text.addEventListener('click', () => {
      target.textContent = 'Changed!';
    });
}

この回答を見るにはプレミアムサービスへの登録が必要です

プレミアムサービスとは?