ES6字符串扩展（模板字符串）

es5中的多行字符串和变量拼接：

let num = 10,
price = 100;
let str = "我们现在有"+num+"个人\
来买苹果，一斤苹果10元钱，\
他们每人买一斤，那么总价是"+price+"元。"
//let str = "我们现在有"+num+"个人来买苹果，一斤苹果10元钱，他们每人买一斤，那么总价是"+price+"元。"

这里我们可以不换行，那么就不需要在每一个换行处加个反斜杠了。但是在实际开发中我们字符串拼接往往很长，需要换行来清晰完整的观看代码，这时我们就需要在

每个换行处添加个反斜杠

来实现多行字符串拼接了。如上代码我们可以看出是通过两个加号来拼接变量进去的，这时需要我们观察清楚外层的引号是单引号还是双引号。

为了解决这种麻烦的字符串拼接，es6给我们提供了简易的模板字符串。

es5中的多行字符串和变量拼接：

let num = 10,
price = 100;
let str = `我们现在有${num}个人
来买苹果，一斤苹果10元钱，
他们每人买一斤，那么总价是${price}元。`

从上面的代码我们可以看出，只需要两个

反引号

把多行字符串包裹起来，如需传入变量则在相应的地方使用

${变量名}

的方式传入。

阅读更多