` これなんという名前ですか ?

let targets = document.querySelectorAll(`input[type='checkbox'][name='fruits']`);

for (let e of targets) {
e.addEventListener(`change`, () => {
console.log(e.value, e.checked);
})
}

上記の文を見ました。
その中で ` これなんという名前ですか ?
何の為に使ってるかよくわかりません。

特に、
e.addEventListener(`change`これは、
e.addEventListener('change' これで、良いような気もする。

No.2 ベストアンサー 回答者： fujillin 回答日時： 2022/02/24 13:26

こんにちは

「` 」はバッククォートです。（@キーの半角シフト部分にあると思います）
これで囲まれた部分は「テンプレートリテラル」と言われています。

通常は、可変部分を含む文字列等をテンプレートにしておいて、可変部分を変数を用いて代入してゆくような使い方が多いと思います。
https://developer.mozilla.org/ja/docs/Learn/Java …
https://developer.mozilla.org/ja/docs/Web/JavaSc …

可変部分が無い場合は、評価結果は元の文字列と同じになりますので、ご提示の例の場合はご指摘の通り 'change' としても変わりはありません。 （テンプレートにしている意味がない）

この回答へのお礼

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

お礼日時：2022/02/24 14:20

No.3 回答者： yambejp 回答日時： 2022/02/24 13:30

テンプレートリテラルといって面倒なエスケープや改行処理を勘弁にするために導入されています

https://developer.mozilla.org/ja/docs/Web/JavaSc …

> 'change' これで、良いような

あまり多様するのはよくないので、特に問題ない箇所ではシングルクォートで処理するほうがよいでしょう

この回答へのお礼

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

お礼日時：2022/02/24 14:20

No.1 回答者： asato87 回答日時： 2022/02/24 13:13

バッククォートという記号です。

使い方としては、シングルクォートで囲んだ文字列の中に同じシングルクォートが含まれる場合、そこで終わりと勘違いされるのを防ぐために
シングルクォートを重ねる必要がありますが、見づらくなるため両端のシングルクォートをバッククォートに替えることで
文字列中のシングルクォートと重なることがなくなって見やすくなるというような場合ですから、
仰る通りこの例だとシングルクォートで良くバッククォートの必要はないように見えますね。
1行目の表記と統一性を持たせようとしたんじゃないでしょうかね。

この回答へのお礼

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

お礼日時：2022/02/24 14:20