JS中的模板字符串(ES6新增)

版权声明：wuyujin1997 reserve all rights. https://blog.csdn.net/wuyujin1997/article/details/88732538

模板字符串(template strings)

ES6引入了一种新的字符串字面量语法，特点如下：

使用反引号`包围字符串(常规是用单引号'或双引号")。
字符串中可直接换行等操作(无需转义字符)。
字符串中可以${varName}的格式(称为模板占位符)获取变量值
返回值统一为string类型。

一般用于减少转义字符，或减少字符串拼接符。

应用

多行字符串(减少转义字符)

var text = `Hello
世界
		你好
`;
console.log(text);

输出为：

Hello
世界
		你好

字符串拼接(减少字符串拼接符+)

如果要对多个变量的值进行字符串拼接，要使用的+数量会非常的多。
使用模板字符串就会少些很多代码并减少语法错误。

var a = "蜜";
var b = "探";
var text = `秘密的${a}, 探案的${b}`;
console.log(text);		// 秘密的蜜, 探案的探