ES6引入了模板字面量(Template Literals),对多行字符串和字符串占位符的操作进行了增强。下面我们分别进行说明和演示。
下面是简单的屏幕分享,不爱看文字的同道中人可以看视频。-_-
一、多行字符串(Multi-line Strings)
首先我们来看下ES5中是如何表示多行字符串的,示例代码如下:
// ES5中的写法。
var content = '君不见黄河之水天上来,奔流到海不复回。 \n'
+ '君不见高堂明镜悲白发,朝如青丝暮成雪。'
+ '人生得意须尽欢,莫使金樽空对月。'
+ '天生我材必有用,千金散尽还复来。'
+ '烹羊宰牛且为乐,会须一饮三百杯。'
+ '岑夫子,丹丘生,将进酒,杯莫停。'
+ '与君歌一曲,请君为我倾耳听。(倾耳听 一作:侧耳听)'
+ '钟鼓馔玉不足贵,但愿长醉不愿醒。(不足贵 一作:何足贵;不愿醒 一作:不复醒)'
+ '古来圣贤皆寂寞,惟有饮者留其名。(古来 一作:自古;惟 通:唯)'
+ '陈王昔时宴平乐,斗酒十千恣欢谑。'
+ '主人何为言少钱,径须沽取对君酌。'
+ '五花马、千金裘,呼儿将出换美酒,与尔同销万古愁。'
console.info(content);
虽然在代码中,每行字符串都已经换行了,但是控台上输出的内容却没有换行,如下图所示: