Paho MQTT客户端调用disconnect失效 回调重复触发怎么办

你现在的代码存在两个致命问题，直接导致回调无法清理、消息重复接收：

• window.MQTTClient.disconnect; 这行代码没有实际执行断开操作：你只是引用了disconnect函数本身，没有加()调用方法，客户端和mqtt.eclipseprojects.io的WebSocket连接始终处于存活状态。
• 移除<script>标签、把window.MQTTClient置空的操作，完全不会销毁已经初始化完成的Paho客户端实例，也不会清除它已经注册到浏览器事件循环里的消息监听、Socket回调。只要底层连接没断开，服务端推送消息到达时，旧的回调就会持续触发。每次重载脚本新建客户端实例，就会新增一套独立的回调绑定，单次主题变更收到的消息数自然会逐次递增。

清理旧客户端时严格按照「解绑回调→主动断连→关闭底层Socket→移除DOM→清空引用」的顺序执行，不需要刷新页面即可彻底清理残留：

function dummy() {}

if (window.MQTTClient !== null) {
    console.log("Disconnecting from MQTT server...");
    // 先替换所有事件回调为空函数，阻断业务逻辑触发
    window.MQTTClient.onMessageArrived = dummy;
    window.MQTTClient.onConnectionLost = dummy;
    window.MQTTClient.onMessageDelivered = dummy;
    // 正确调用断开方法，注意必须加()才会执行
    window.MQTTClient.disconnect();
    // 兜底关闭底层WebSocket连接，避免Paho库断连逻辑存在兼容问题导致连接残留
    if (window.MQTTClient.client?.socket) {
        window.MQTTClient.client.socket.close();
    }
    // 移除脚本标签
    const pahoScript = document.getElementById("pahoClient");
    pahoScript?.parentElement?.removeChild(pahoScript);
    // 清空全局客户端引用
    window.MQTTClient = null;
}

• 每次新建Paho客户端连接时，生成随机唯一的clientId，不要使用固定值。公共MQTT服务器对同clientId的重复连接会做踢下线处理，但本地残留的旧连接回调不会因为服务端踢线自动清除。
• 不要依赖移除script标签的方式清理JS运行时内容：脚本一旦加载执行完成，创建的对象、注册的事件就和script标签本身没有关联了，必须手动做资源释放。

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