VS Code中Node.js 14.15.1使用可选链运算符报错问题咨询

可选链操作符?.是ES2020标准纳入的语法特性，你遇到的问题由两个层面叠加导致：

• 运行时版本适配：Node.js 14.0.0及以上版本已默认原生支持可选链语法，不需要额外开启运行时参数，你使用的14.15.1版本本身不存在运行层面的语法兼容问题。
• IDE校验规则不匹配：VS Code内置的JS语言服务默认的语法校验目标是ES2019版本，未将ES2020的可选链特性纳入允许的语法范围，因此会在编辑阶段弹出语法错误提示，这类提示和实际项目运行能力无关。

具体可落地的解决步骤 #

• 调整工作区语法校验目标
  • 在项目根目录创建jsconfig.json文件，写入配置内容{"compilerOptions": {"target": "ES2020"}}，保存后VS Code会自动重启JS语言服务，可选链的红色语法报错会直接消失。
  • 如果不想新增配置文件，也可以通过打开VS Code的设置面板，搜索Implicit Project Config: Target选项，将值调整为ES2020即可。
• 修正当前代码的逻辑冗余
  你当前编写的String(anotherThing.value)?.trim()属于无效的可选链使用：String()方法执行后一定会返回字符串类型值，不存在返回null、undefined的场景，因此后面的?.永远不会触发空值短路。正确的空值保护逻辑应该将可选链放在对象属性访问的位置，修改为String(anotherThing?.value).trim()，这样才能在anotherThing本身为null/undefined时，避免抛出属性访问错误。
• 无需额外依赖配置
  你当前仅使用Express作为项目依赖，没有引入ESLint、Babel、TypeScript这类第三方转译或校验组件，不需要额外安装任何插件或转译工具，仅通过上述IDE配置调整就能消除编辑阶段的语法报错，不会影响项目的正常运行。

补充验证方法：打开VS Code内置终端，执行node -e 'const test = null; console.log(test?.val)'，如果终端正常输出undefined没有抛错，就说明你的Node运行时完全支持该语法，报错纯是IDE的规则配置问题。

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