模板字符串

一、概述：

模板字符串使用反引号 (``) 来代替普通字符串中的用双引号和单引号。模板字符串可以包含特定语法（${expression}）的占位符。占位符中的表达式和周围的文本会一起传递给一个默认函数，该函数负责将所有的部分连接起来，如果一个模板字符串由表达式开头，则该字符串被称为带标签的模板字符串，该表达式通常是一个函数，它会在模板字符串处理后被调用，在输出最终结果前，你都可以通过该函数来对模板字符串进行操作处理。在模版字符串内使用反引号（`）时，需要在它前面加转义符（\）。

二、简单得例子：

var str = 'hello word'

console.log(`1111 ${str} 000`)  //'1111 hello word 0000'

三、功能：

1、多行字符串

console.log('string text line 1\n' +
'string text line 2');
//output
string text line 1
string text line 2

console.log(`string text line 1
string text line 2`);
//output
 string text line 1
string text line 2

2、插入表达式

var a = 5;
var b = 10;
console.log(`Fifteen is ${a + b} and
not ${2 * a + b}.`);
Fifteen is 15 and
not 20.

3、嵌套模板

const classes = `header ${ isLargeScreen() ? '' :
 `icon-${item.isCollapsed ? 'expander' : 'collapser'}` }`;

 

来源：oschina

链接：https://my.oschina.net/bing309/blog/3214874