このコードでは `$`の意味は何ですか？

Question

ここに部分的なコードですが、私は$の意味を混乱させました。

function playSound(e) { 
    const audio = document.querySelector('audio[data-key="${e.keyCode}"]'); 
    const key = document.querySelector('.key[data-key="${e.keyCode}"]'); 
    ... 
} 

私は$の機能を理解していないとどのように見つけるためにit.Soがあり、それを説明するための文書または何か他のものである第一のコードはdata-key="..." .Butを持っている最初の要素<audio>が返されます知っています私はそれを理解するのを助けることができる？

Answer 1

あなたはJavascript30チャレンジを受けていると推測できます。このコードは最初のレベルからのものです。

ここで${}は特殊なES6文字列補間です。これを使用するにはバッククッキーを使用する必要があります。 （ここで$はjQueryのを意味するものではありません。）例えば

：上記と同じことを書くことができるよう：

const key = document.querySelector('.key[data-key="' + e.keyCode + '"]'); 

そこで、代わりに変数のため+記号を使用するのでは、それははるかに簡単で優れています変数の文字列補間に${}を使用します。コードをはるかに理解しやすくします。補間を動作させるには、 にバッククイックを使用する必要があることに注意してください。