JavaScript模板字符串用反引号包裹,支持${}插值、多行书写及标签函数,自ES6引入,提升可读性与安全性,但需注意全角符号误输和过度嵌套问题。

JavaScript模板字符串是用反引号(`)包裹的字符串,支持嵌入表达式、多行书写和字符串插值。它从ES6(ECMAScript 2015)开始引入,替代了传统单/双引号字符串在复杂场景下的拼接痛点。
支持变量插值,写法更直观
模板字符串允许直接用${expression}嵌入变量或表达式,无需字符串拼接符+。可读性高,出错率低。
- 传统写法:
"Hello " + name + ", you are " + age + " years old." - 模板字符串:
`Hello ${name}, you are ${age} years old.` - 还能放任意表达式:
`The result is ${a * b + c}`、`${user?.name || 'Anonymous'}`
天然支持多行字符串
反引号内的换行会被保留,不需要\n或加号续行,适合HTML片段、SQL语句或长提示文案。
还木有评论哦,快来抢沙发吧~