JavaScript 中的模板字面意义（ES6 / ES2015）

ECMAScript 2015 规范 (ES6) 给我们带来了模板字符符串的字符串和多行字符串的字符串。你可能也听说过它们作为模板字符串。

以下是使用模板字符串的字符串交互的例子:

1function greeting(firstName, lastName) {
2  let message = `Hello ${firstName} ${lastName}`;
3  return message;
4}

以下是多行串的例子:

1console.log(`Right now
2  is the perfect time to
3  learn JavaScript`);

这里还有另一个例子,说明了具有模板字母字符的字符串中断和多行字符串的力量:

1var user = { name: "Joe", email: "[email protected]" };
2var item = { quantity: 3, price: 4.99 };
3
4var message = `Name: ${user.name}
5Email: ${user.email}
6
7Total price: ${item.quantity * item.price}`;

以下是从上面的示例中登录到控制台的消息:

1Name: Joe
2Email: [email protected]
3-----
4Total price: 14.97