ES6的多行字符串

Posted 2023-04-16

参考技术A html的内容为了易读，需要多行书写，保留缩进和回车
但是在JS中这样书写是合法的，错误提示 Unterminated string literal

模板字符串(Template String)是增强版的字符串，用反引号 (``) 标识，可以定义多行字符串，所有的空格、缩进和换行都会被保留

在ES5中有三种合法的方式来写这种多行字符串

转义 newline

拼接字符串

join 字符串数组

这样对比一看，还是ES6语言的新特性方便很多

js string 字符串

mutil lines string

多行字符串, 由于多行字符串用 写起来比较费事，所以最新的ES6标准新增了一种多行字符串的表示方法，用...表示,是单撇号, 不是单引号.

这是一个 多行 字符串;

Note：测试你的浏览器是否支持ES6标准，如果不支持，请把多行字符串用 重新表示出来.

模板字符串

模板字符串, 要把多个字符串连接起来，可以用+号连接：下面使用的是单引号.

var name = '小明';
var age = 20;
var message = '你好, ' + name + ', 你今年' + age + '岁了!'; //单引号
alert(message);

如果有很多变量需要连接，用+号就比较麻烦。ES6新增了一种模板字符串，表示方法和上面的多行字符串一样，但是它会自动替换字符串中的变量：

var name = '小明';
var age = 20;
var message = `你好, ${name}, 你今年${age}岁了!`; // 单撇号
alert(message);

---