JavaScript字符串拼接失效求助：模板字符串未正确解析变量

问题出在你用了普通双引号包裹字符串，${变量名}的语法只在模板字符串（用反引号``包裹）中才会被解析为变量值，双引号会把${userName}这类内容当成普通文本直接输出。

解决方法 #

方法1：使用模板字符串（推荐） #

把定义text的双引号换成反引号即可：

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

方法2：传统字符串拼接（不推荐） #

如果不想用模板字符串，也可以用+运算符拼接字符串和变量：

let userName = "Kunaal";
let age = 30;
let text = "My name is " + userName + " and I am " + age + " years old";
console.log(text);

内容的提问来源于stack exchange，提问作者Kunaal Kansotia