You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

TypeScript模板字符串未解析及语法高亮异常求助

问题原因与解决方法

你的代码存在两个关键问题:

  1. 模板字符串语法错误
    JavaScript/TypeScript的模板字符串必须用**反引号()**包裹,而非单引号(')。单引号中的${变量}`会被当作普通字符串内容解析,不会替换为变量的值——这就是你输出内容未生效、语法高亮未识别变量的核心原因。

  2. 类型声明不规范
    你用了首字母大写的String作为变量类型,这是JavaScript的包装对象类型。在TypeScript中,推荐使用小写的string(原始类型)来声明字符串变量,原始类型更契合日常开发的使用场景,避免不必要的类型差异问题。

修改后的代码如下:

let found: boolean = true;
let grade: number = 88.9;
let fstname: string = 'shri';
let lstname: string = 'vishnu';

console.log(found);
console.log(grade);
console.log(`Hi ${fstname} ${lstname}`);

修改后运行即可得到预期的Hi shri vishnu,编辑器也会对${fstname}和${lstname}进行正确的语法高亮。

内容的提问来源于stack exchange,提问作者Srivishnu Chakpalli

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.08 19:10:26