初歩的な質問ですみません。
レッスンが進むと色々な書き方が出てきて、よくわからなくなってきました。
下記 (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!';
    });
}