javascript - 这段代码中的 `$` 的含义是什么？

Question

这是部分代码，我对 $ 感到困惑的意思。

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

我知道第一个代码将返回第一个元素 <audio>其中有data-key="..." .但我不明白$的功能以及如何找到它。那么有没有文档来解释它或其他什么可以帮助我理解它？

Answer 1

我可以假设您正在接受 Javascript30 挑战。因为这段代码来自第一层。

这里${}是一个特殊的ES6字符串插值。要使用它，您必须使用反引号。 (这里 $ 不代表 jQuery。)

例如:上面同样的事情可以写成:

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

因此，使用 ${} 对变量进行字符串插值，而不是使用 + 符号来表示变量，会更容易、更好。使代码更容易理解。请注意，您需要使用反引号让插值工作。