03-ES6语法:模板字面量(Template Literals)

ES6引入了模板字面量(Template Literals),对多行字符串字符串占位符的操作进行了增强。下面我们分别进行说明和演示。

下面是简单的屏幕分享,不爱看文字的同道中人可以看视频。-_-

一、多行字符串(Multi-line Strings)

首先我们来看下ES5中是如何表示多行字符串的,示例代码如下:

// ES5中的写法。
var content = '君不见黄河之水天上来,奔流到海不复回。 \n'
    + '君不见高堂明镜悲白发,朝如青丝暮成雪。'
    + '人生得意须尽欢,莫使金樽空对月。'
    + '天生我材必有用,千金散尽还复来。'
    + '烹羊宰牛且为乐,会须一饮三百杯。'
    + '岑夫子,丹丘生,将进酒,杯莫停。'
    + '与君歌一曲,请君为我倾耳听。(倾耳听 一作:侧耳听)'
    + '钟鼓馔玉不足贵,但愿长醉不愿醒。(不足贵 一作:何足贵;不愿醒 一作:不复醒)'
    + '古来圣贤皆寂寞,惟有饮者留其名。(古来 一作:自古;惟 通:唯)'
    + '陈王昔时宴平乐,斗酒十千恣欢谑。'
    + '主人何为言少钱,径须沽取对君酌。'
    + '五花马、千金裘,呼儿将出换美酒,与尔同销万古愁。'
console.info(content);

虽然在代码中,每行字符串都已经换行了,但是控台上输出的内容却没有换行,如下图所示:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值