es5中的多行字符串和变量拼接:
let num = 10,
price = 100;
let str = "我们现在有"+num+"个人\
来买苹果,一斤苹果10元钱,\
他们每人买一斤,那么总价是"+price+"元。"
//let str = "我们现在有"+num+"个人来买苹果,一斤苹果10元钱,他们每人买一斤,那么总价是"+price+"元。"
这里我们可以不换行,那么就不需要在每一个换行处加个反斜杠了。但是在实际开发中我们字符串拼接往往很长,需要换行来清晰完整的观看代码,这时我们就需要在每个换行处添加个反斜杠
来实现多行字符串拼接了。如上代码我们可以看出是通过两个加号来拼接变量进去的,这时需要我们观察清楚外层的引号是单引号还是双引号。
为了解决这种麻烦的字符串拼接,es6给我们提供了简易的模板字符串。
es6中的多行字符串和变量拼接:
let num = 10,
price = 100;
let str = `我们现在有${num}个人
来买苹果,一斤苹果10元钱,
他们每人买一斤,那么总价是${price}元。`
从上面的代码我们可以看出,只需要两个反引号
把多行字符串包裹起来,如需传入变量则在相应的地方使用${变量名}
的方式传入。