手册目录
JS教程
JS版本
JS HTML DOM
JS Web API
JS AJAX
JS JSON
JS vs jQuery
JS参考手册
模板字面量使用反引号 (``) 而不是引号 ("") 来定义字符串：
let text = `Hello World!`;运行实例 »
点击 "运行实例" 按钮查看在线实例
通过使用模板字面量，您可以在字符串中同时使用单引号和双引号：
let text = `He's often called "Johnny"`;运行实例 »
点击 "运行实例" 按钮查看在线实例
模板字面量允许多行字符串：
let text = `The quick brown fox jumps over the lazy dog`;运行实例 »
点击 "运行实例" 按钮查看在线实例
模板字面量提供了一种将变量和表达式插入字符串的简单方法。
该方法称为字符串插值（string interpolation）。
${...}
模板字面量允许字符串中的变量：
let firstName = "Bill";
let lastName = "Gates";
let text = `Welcome ${firstName}, ${lastName}!`;
运行实例 »点击 "运行实例" 按钮查看在线实例
用真实值自动替换变量称为字符串插值。
模板字面量允许字符串中的表达式：
let price = 10;
let VAT = 0.25;
let total = `Total: ${(price * (1 + VAT)).toFixed(2)}`;
运行实例 »点击 "运行实例" 按钮查看在线实例
用真实值自动替换表达式称为字符串插值。
let header = "Templates Literals";
let tags = ["template literals", "javascript", "es6"];
let html = `<h2>${header}</h2><ul>`;
for (const x of tags) {
html += `<li>${x}</li>`;
}
html += `</ul>`;
运行实例 »点击 "运行实例" 按钮查看在线实例
Internet Explorer 不支持模板字面量。
第一个完全支持模板字面量的浏览器版本是：
| Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome 41 | Edge 13 | Firefox 34 | Safari 10 | Opera 29 |
| 2015 年 3 月 | 2015 年 11 月 | 2014 年 12 月 | 2016 年 9 月 | 2015 年 4 月 |
如需完整参考，请访问我们的完整 JavaScript 字符串参考手册。
该手册包含所有字符串属性和方法的描述和实例。
相关视频
科技资讯
24小时阅读榜
1
2
3
4
5
6
7
8
9
10
精品课程
共5课时 | 17.4万人学习
共49课时 | 78.2万人学习
共29课时 | 62.5万人学习
共25课时 | 39.7万人学习
共43课时 | 73.8万人学习
