GoLand对HTML/JavaScript给出错误警告与提示，如何优化？

问题1：GoLand无法识别onClick绑定的函数，提示函数未使用 #

按以下步骤调整设置：

• 打开GoLand设置（快捷键Ctrl+Alt+S或通过File > Settings）
• 进入Languages & Frameworks > JavaScript > Libraries，确保HTML DOM相关库已启用；若未启用，点击Download按钮下载并启用对应库
• 检查Languages & Frameworks > JavaScript > JSX设置，确认JSX语法支持已开启（onClick是JSX属性，原生HTML为onclick，开启JSX支持后GoLand会兼容识别该属性）
• 可选：进入Languages & Frameworks > JavaScript > Inspections > Unused declarations，调整检查规则，将onClick纳入函数调用的识别范围，或降低该检查的严格等级

问题2：GoLand错误推断hidden元素value为布尔类型，提示与字符串"true"的比较恒为真 #

可以通过以下几种方式解决，无需额外添加ToString()：

方法1：手动指定元素类型（推荐） #

在获取DOM元素时添加类型断言，明确元素为HTMLInputElement，其value属性默认是字符串类型：

function pgMpFunc(el1, el2) {
    const hidden1 = /** @type {HTMLInputElement} */ (document.getElementById(el1));
    const hidden2 = /** @type {HTMLInputElement} */ (document.getElementById(el2));
    const turnOn = (hidden1.value !== "true");

    setCheckbox(el1, turnOn);
    hidden1.value = turnOn;

    if (turnOn) {
        setCheckbox(el2, !turnOn);
        enableCheckbox(el2, !turnOn);
        hidden2.value = !turnOn;
    } else {
        enableCheckbox(el2, true);
    }
}

方法2：调整类型推断严格度 #

• 打开GoLand设置，进入Languages & Frameworks > JavaScript > Type Checking
• 降低Strict mode的严格程度，或关闭Infer types from usage中基于赋值推断类型的相关选项，避免GoLand根据后续赋值的布尔值错误推断value的类型

方法3：添加变量类型注释 #

给turnOn变量添加类型注释，明确其布尔类型，同时让GoLand重新识别hidden1.value的字符串类型：

function pgMpFunc(el1, el2) {
    const hidden1 = document.getElementById(el1);
    const hidden2 = document.getElementById(el2);
    /** @type {boolean} */
    const turnOn = (hidden1.value !== "true");

    setCheckbox(el1, turnOn);
    hidden1.value = turnOn;

    if (turnOn) {
        setCheckbox(el2, !turnOn);
        enableCheckbox(el2, !turnOn);
        hidden2.value = !turnOn;
    } else {
        enableCheckbox(el2, true);
    }
}

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