在IE以外的其他浏览器上工作的模板文字

Question

我正在使用javascript并使用“模板文字”，该模板可在Chrome和Firefox上使用，但不能在Internet Explorer（IE）上使用。

 var a = 10; console.log(`${a}`) 

Answer 1

模板文字是ES6，而IE支持的ES6功能很少 。 它不支持模板文字。

对于您正在执行的操作，只需执行console.log(a) ：

 var a = 10; console.log(a) 

但是，如果实际代码比这更复杂，则要么必须手动进行连接，例如：

`foo${somevar}bar${somevar2}baz`

改成

'foo' + somevar + 'bar' + somevar2 + 'baz'

或者，一个更好的选择，如果你喜欢的模板文字的语法，不喜欢纯字符串连接，将通天集成到您的构建过程transpile ES6 +语法（包括模板文本） 自动 ES5：

https://babeljs.io/repl/

（Babel不仅将转换模板文字，还将将几乎所有较新的语法转换为ES5，例如解构，箭头功能， async / await等-对于较大的代码库，这非常重要，允许程序员编写语言的最新和最佳版本，同时仍与IE等旧版浏览器兼容）

Answer 2

另一个选择是，如果您已经在使用lodash切换到其_.template函数，则该函数不仅可以模板化文字功能，而且还具有wide browser support 。

 var compiled = _.template('hello ${ user }!'); console.log(compiled({ 'user': 'pebbles' })); // => 'hello pebbles!' 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.10/lodash.min.js"></script>