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

【问题标题】：querySelector method arguments are put into backtick, why?querySelector 方法参数被放入反引号，为什么？
【发布时间】：2018-01-12 22:39:43
【问题描述】：

我已经开始使用 Javascript 30。给定的示例代码有什么问题：

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

为什么将参数放在反引号中？我了解如何使用双引号和单引号以及何时可以同时使用。但是我不明白如何以及何时使用反引号。

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

您可以使用反引号在字符串中添加表达式。此功能是在 ES6 中添加的。

【讨论】：

【解决方案3】：

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

var a = 5, b = 10;

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

【讨论】：