ES6 模板字符串优势何在？

到 B 站观看视频

当我们想把变量嵌入到字符串里面的时候，传统的字符串连接方式有点别扭，因为一个句子会被切成多端，然后用加号再连起来。

例子：

let user = 'happypeter';
let age = 34;
let str = 'My name is ' + user + ' and I am ' + age + ' years old.'

你自己敲一下上面的代码试试，多麻烦，很多引号，以及那些很容易忘加的空格。

但是有了 ES6 的模板字符串，世界就美好起来了。以前 JS 中我们用单引号或者双引号来表示字符串，现在我们有了第三个选择，也就是反引号，也就是跟波浪线同一个键的那个符号。

上面的代码用 ES6 模版字符串，可以写成下面这样：

let user = 'happypeter';
let age = 34;
let str = `My name is ${user} and I am ${age} years old.`

怎么样，看起来简单明了吧？

更多模板字符串的用法，参考 MDN 。