
JavaScript 中使用 ${} 进行字符串插值时,必须配合反引号(`)而非单引号或双引号,否则变量不会被解析,仅作为普通文本输出。
javascript 中使用 `${}` 进行字符串插值时,必须配合反引号(`` ` ``)而非单引号或双引号,否则变量不会被解析,仅作为普通文本输出。
在 JavaScript 中,字符串插值(即在字符串中嵌入变量值)依赖于模板字面量(Template Literals) 语法,它要求整个字符串必须用反引号(`)包裹,而不是传统的双引号(")或单引号(')。若误用双引号,${userName} 等表达式将被当作纯文本处理,不会执行求值与替换。
例如,以下代码是错误的:
let userName = "Kunaal";
let age = 30;
let text = "My name is ${userName} and I am ${age} years old"; // ❌ 双引号 → 无插值
console.log(text);
// 输出:My name is ${userName} and I am ${age} years old正确写法应使用反引号:
let userName = "Kunaal";
let age = 30;
let text = `My name is ${userName} and I am ${age} years old`; // ✅ 反引号 → 支持插值
console.log(text);
// 输出:My name is Kunaal and I am 30 years old✅ 关键要点总结:
立即学习“Java免费学习笔记(深入)”;
- 模板字符串以反引号(`)开头和结尾;
- ${} 内可放置任意 JavaScript 表达式(变量、运算、函数调用等),如 ${age > 18 ? 'adult' : 'minor'};
- 反引号支持多行字符串,无需 \n 或连接符;
- 不要混淆:单引号/双引号用于普通字符串字面量,不支持插值。
⚠️ 注意:旧版浏览器(如 IE)不支持模板字符串,若需兼容,应使用字符串拼接("My name is " + userName + " and I am " + age + " years old")或构建工具(如 Babel)进行转译。


















