问题背景
ECMAScript 2015 是 JavaScript 语言的标准化版本，在此之前，JavaScript 的语法还没有一个明确的标准。在 ECMAScript 2015 中，新增了许多特性，其中之一就是模板字符串（template string）。
模板字符串是一种允许我们使用反引号 `` 来定义字符串的新格式。使用模板字符串，我们可以在字符串中插入变量或者表达式，而不需要使用"+"或者变量的拼接方式。例如：
const name = 'World';
console.log(`Hello, ${name}!`);输出：Hello, World!
模板字符串在前端开发中非常常用，同时也提高了代码的可读性和可维护性。但是，如果要支持更多的浏览器，我们需要考虑模板字符串的降级问题。
问题解决
在不支持 ECMAScript 2015 的浏览器中，我们需要进行模板字符串的降级处理。
降级处理方法一般是使用常规的字符串拼接方式和变量替换。例如：
const name = 'World';
console.log('Hello, ' + name + '!');输出：Hello, World!
使用这种方式虽然可以解决兼容性问题，但是在代码中插入变量和表达式会显得非常冗长，影响代码的可读性和可维护性。
为了解决这个问题，我们可以使用相关的 polyfill 库来实现对模板字符串的兼容。
现在，我们推荐使用 es6-template-strings 库来解决这个问题。该库为我们提供了与 ECMAScript 2015 标准相同的模板字符串的实现。
我们可以将库引入到项目中，然后使用它提供的方法即可。示例如下：
// 引入 es6-template-strings 库
import { html } from 'es6-template-strings';
const name = 'World';
console.log(html`Hello, ${name}!`);输出：Hello, World!
总结
降级处理是前端开发中常见的问题，在 ECMAScript 2015 中模板字符串成为了可以优化代码可读性和可维护性的特性之一，但是我们在使用的时候需要注意将其降级兼容，使用 es6-template-strings 库是比较好的实现方式之一。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f295fdf6b2d6eab3c3727a