模板字符串
最后更新：2026-09-09
模板字符串 模板字符串
模板字符串用反引号包裹，支持 ${} 嵌入表达式和多行文本。是字符串拼接的现代方式。
| 分类 | 运算符 |
|---|---|
| ES 版本 | ES2015 |
📝 语法
`Hello, ${name}!`返回值：插值后的字符串。
是否修改原值：否（返回新值）
▶ 示例
编辑下方代码，点击运行，在输出面板查看结果：
运行结果：
你好, 张三!
明年 26 岁
张三 (25)💡 提示 模板字符串完全替代了 + 号拼接——更短更清晰且支持多行。
ℹ️ info ${} 里可以放任何表达式——变量、运算、函数调用、三元运算符都可以。
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| 模板字符串 | ✓ v32 | ✓ v12 | ✓ v27 | ✓ v8 | ✓ v19 |
| 所有现代浏览器均支持 | |||||
🏷️ 相关运算符
💡 相关案例
更多实战案例即将上线，敬请期待。
📚 相关教程
❓ 常见问题
Q模板字符串和 + 号拼接的区别？
A模板字符串更简洁、支持多行、表达式可以直接嵌入——完全没有 + 号的引号地狱。
Q模板字符串中的反引号怎么转义？
A用 \' 转义：\` 或在嵌套模板中处理。
Q模板字符串是 ES 几新增的？
AES2015（ES6）。
