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

Question

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

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

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

Answer 1

我可以假设您正在接受Javascript30挑战。 由于此代码是从第一级开始的。

${}是特殊的ES6字符串插值。 要使用此功能，您必须使用反引号。 （这里$并不表示jQuery。）

例如：上面的相同内容可以写成：

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

因此，不是使用+号作为变量，而是使用${}进行变量的字符串插值要容易得多，更好。 使代码更易于理解。 请注意，您需要使用反引号使插值工作。