javascript - ES6 - IE 11 的模板字符串破解

Question

我在 JS 文件中使用了一个长的 HTML 模板脚本，例如:

var TEMPLATE = `
<div>
  <ul>
    <li>first</li>
    <li>second</li>
    <li>third</li>
  </ul>
</div>`;

它适用于所有浏览器(包括 Chrome、Safari、Firefox 和 EDGE)，但不适用于 Internet Explorer 11、10。

你能建议我如何解决这个问题吗？

Answer 1

如果您不需要模板文字中可用的任何高级功能(例如 ${foo} )，您也可以考虑使用正则引号并转义新行以防止语法错误，如下所示:

var list = '\
    <div>\
        <ul>\
            <li>first</li>\
            <li>second</li>\
            <li>third</li>\
        </ul>\
   </div>\
';