数据属性内的ES6串联

Question

我正在将旧代码重构为ES6，以不使用Jquery：

Target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');

但是，我遇到了一个皮棉错误：

  

错误：意外的字符串连接。 [首选模板]

问题是，在数据属性选择器内部，无法识别模板。

const slice = this.hash.slice(1);
target = target.length ? target : $('[name="${slice}"]');

会说

  

错误：为'slice'分配了一个值，但从未使用过。

任何帮助将不胜感激。

Answer 1

您需要使用反引号代替引号：https://developers.google.com/web/updates/2015/01/ES6-Template-Strings

$(`[name="${slice}"]`)