VS Code中JS字符串使用$插值无效且无语法高亮的问题

你的问题根源在于字符串的包裹符号用错了：JavaScript中支持${变量}插值的是模板字符串，必须用反引号（`）（键盘Esc下方、Tab上方的符号）来包裹字符串，单引号（'）或双引号（"）都不支持这种插值语法。

原代码里的单引号无法识别${userName}的插值规则，所以控制台会直接输出Hello ${userName}，而非替换成实际用户名，同时VS Code也不会对单引号内的${}做语法高亮。

修正后的代码： #

function sayHello(userName) {
    console.log(`Hello ${userName}`);
}

sayHello('Mena');
sayHello('mena');

修改后控制台会正确输出Hello Mena和Hello mena，VS Code也会对${userName}部分进行语法高亮。

另外提醒：你代码里重复定义了两次sayHello函数，这会导致后面的函数覆盖前面的，虽然不影响当前功能，但实际开发中要避免这种重复定义的情况。

内容的提问来源于stack exchange，提问作者Mena Makrem