関数をアロー関数で実行するのと、関数名だけで実行する違い

Question

下記のコードでアロー関数で関数を実行する場合と、関数名だけで実行する場合どのような違いがありますか？

const sample = () => {
  const inputText = document.getElementById("add-text").value;
  alert(inputText);
}

// アロー関数で呼び出す
document
  .getElementById("add-button")
  .addEventListener("click", () => sample());

// 関数名だけで呼び出す
document
  .getElementById("add-button")
  .addEventListener("click", sample);

Answer 1

この場合、sampleが引数を取りませんし、thisなども参照しないArrow functionですので、違いはありません。

sampleが引数を取りうる場合、イベントオブジェクトが引数に渡されます。

Comments

[退会済みユーザー]

回答ありがとうございます！