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 + '"]');

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

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

1 个答案: