代码之家  ›  专栏  ›  技术社区  ›  om_jaipur Guru

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

  •  1
  • om_jaipur Guru  · 技术社区  · 6 年前

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

    它适用于所有浏览器(包括Chrome、Safari、Firefox和;边缘),但不在Internet Explorer 11、10中。

    你能建议我怎么解决这个问题吗?

    1 回复  |  直到 6 年前
        1
  •  12
  •   Tell Don Zampano    6 年前

    如果您不需要模板文本中可用的任何高级功能(例如 ${foo} ),您还可以考虑使用常规引号,并仅转义新行以防止语法错误,例如:

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