querySelector方法参数被放入反引号，为什么？

Question

我已经开始使用Javascript 30.什么困扰像上给出的示例代码：

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

为什么投入反引号中的参数呢？我了解如何使用双引号和单引号，以及何时可以同时使用双引号和单引号。不过，我不明白如何以及何时使用反引号。

Answer 1

反引号允许您使用字符串interpolation syntax ${}。

Answer 2

您可以用反码在字符串中添加表达式。 ES6上添加了此功能。

Answer 3

反引号是模板文字。它们允许内部的字符串变量和表达式评价：

var a = 5, b = 10; 
 

 
document.write(`${a} + ${b} = ${a + b}`);