模板字符串 Template literals
Last updated: 2026-09-09
模板字符串 Template literals
Template literals use backticks with ${} for interpolation and multi-line support.
| Category | Operators |
|---|---|
| ES version | ES2015 |
📝 Syntax
`Hello, ${name}!`Returns：The interpolated string.
Mutates the original：No (returns a new value)
▶ Example
Edit the code, press Run, and see the result in the output panel:
Output：
Hello, Zhang!
Next year: 26
ZHANG (25)💡 Tip Template literals fully replace + concatenation — shorter, clearer, multi-line.
ℹ️ info ${} accepts any expression — variables, math, function calls, ternaries.
🌐 Browser support
| Browser |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| 模板字符串 | ✓ v32 | ✓ v12 | ✓ v27 | ✓ v8 | ✓ v19 |
| Supported by all modern browsers | |||||
🏷️ Related Operators
💡 Related Cases
More case studies coming soon — check back later.
📚 Related Tutorials
❓ FAQ
QTemplate literals vs + concatenation?
ATemplate literals are shorter, support multi-line and inline expressions — no quote hell.
QHow to escape backticks?
AEscape with a backslash: \`.
QWhen were template literals added?
AES2015 (ES6).
