JavaScript模板字符串的用法（附带实例）

ES6 之前的字符串拼接写法相当烦琐不方便，ES6 引入了模板字符串来解决这个问题：

let x = 1, y = 2;
console.log('x=' + x + ', y=' + y); // x=1,y=2
console.log(`x=${x}, y=${y}`); // x=1,y=2

在上面代码中，第 2 行是传统的字符串拼接写法，第 3 行是 ES6 提供的模板字符串写法。

模板字符串是增强版的字符串，用反引号 () 标识。它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量。

在模板字符串中嵌入变量，需要将变量名写在 ${} 之中。花括号内部可以放入任意的 JavaScript 表达式，可以进行运算，以及引用对象属性。

// 普通字符串
In JavaScript '\n' is a line-feed.;
// 多行字符串
In JavaScript this is
not legal.;
// 字符串中嵌入变量
let name = "Bob", time = "today";
console.log('Hello ${name}, how are you ${time}?');
// 在模板字符串之中进行运算
let x = 1, y = 2;
console.log('${x} + ${y} = ${x + y}'); // 1 + 2 = 3
// 在模板字符串之中调用函数
function fn() {
    return "Hello World";
}
console.log('foo ${fn()} bar'); // foo Hello World bar