IntelliJ IDEA中JSP EL赋值的JS变量被标记为未使用的原因

在JSP开发中，尝试将服务器端sessionScope.userNickname的值传入JavaScript变量，代码如下：

<script type="text/javascript">
  const userNickname = "${sessionScope.userNickname}" || "상대방";
  const roomInfoElement = document.createElement("div");
  roomInfoElement.className = "join-message";
  roomInfoElement.innerHTML = `<i class="fas fa-info-circle"></i> ${userNickname}님과의 대화방입니다`;
  chatBox.appendChild(roomInfoElement);
</script>

使用IntelliJ IDEA时，userNickname变量被标灰，提示“已声明但未使用”，但实际上在以下代码行中已经使用了该变量：

roomInfoElement.innerHTML = `<i class="fas fa-info-circle"></i> ${userNickname}님과의 대화방입니다`;

添加console.log(userNickname);后，标灰状态消失；移除该行后，标灰又恢复。疑惑为什么IDE没识别到模板字符串里的变量使用。

• 语法冲突引发IDE识别混淆：JSP的EL表达式和JavaScript模板字符串都使用${}语法。IntelliJ在分析混合JSP+JS的代码时，会把模板字符串里的${userNickname}误判为JSP的EL表达式（服务器端语法），而非客户端JavaScript的变量插值，因此认为这个userNickname变量没有被JavaScript代码使用。
• 静态代码分析存在局限性：IDE的静态检查无法完全精准区分JSP渲染阶段和JS执行阶段的代码逻辑。对于这种服务器端渲染后才会变成有效JS变量引用的场景，IDE的静态分析机制没法识别到模板字符串里的变量是真实的JS使用场景，只有当出现明确的、无歧义的JS变量调用（比如console.log(userNickname)）时，才会判定变量已被使用。

内容的提问来源于stack exchange，提问作者Yun Ji Nam