ES6字符串扩展(模板字符串)

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值