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}`);