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}元。`

从上面的代码我们可以看出,只需要两个反引号把多行字符串包裹起来,如需传入变量则在相应的地方使用${变量名}的方式传入。

猜你喜欢

转载自blog.csdn.net/m0_38134431/article/details/83825967