javascript - 旧版浏览器无法识别 ` in javascript

Question

我正在构建一个带有 Foundation 范围 slider 的计算器。它在 Safari 9、适用于 Mac 和 Windows 的最新 Chrome 和 Firefox、Edge 14 中运行良好。但它在 Safari 8 或 IE 11 中不起作用。在 Safari 8 中，我看到错误 SyntaxError: Invalid character: ' `'JavaScript 代码如下所示:

Foundation.Move(moveTime, $hndl, function() {
  //adjusting the left/top property of the handle, based on the percentage calculated above
  $hndl.css(lOrT, `${movement}%`);

  if (!_this.options.doubleSided) {
    //if single-handled, a simple method to expand the fill bar
    _this.$fill.css(hOrW, `${pctOfBar * 100}%`);
  } else {
    //otherwise, use the css object we created above
    _this.$fill.css(css);
  }
});

如果我将 ` 更改为 '，它在任何浏览器中都不起作用。有人知道吗？谢谢!

Answer 1

如果你必须支持旧的浏览器，你唯一真正的选择就是不使用模板文字。它是 JavaScript 中一个相对较新的特性，因此旧版浏览器无法理解如何解释它。

这是显示其支持的文档链接:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

你总是可以回到“老式的方式”:

这个

 `${movement}%`

变成这样:

 movement + "%"