这是部分代码，我对$的含义感到困惑。
function playSound(e) {
const audio = document.querySelector('audio[data-key="${e.keyCode}"]');
const key = document.querySelector('.key[data-key="${e.keyCode}"]');
...
}
我知道第一个代码将返回第一个<audio>具有的元素，data-key="..."但是我不了解$的功能以及如何查找它，那么是否有文档来解释它或其他什么可以帮助我理解它呢？
我可以假设您正在接受Javascript30挑战。由于此代码是从那里的第一层开始的。
这${}是一个特殊的ES6字符串插值。要使用此功能，您必须使用反引号。（这里$并不表示jQuery。）
例如：上面的相同内容可以写成：
const key = document.querySelector('.key[data-key="' + e.keyCode + '"]');
因此，+与其将符号用作变量，不如将其${}用于变量的字符串插值要容易得多，而且效果更好。使代码更易于理解。请注意，您需要使用反引号使插值工作。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句