如何在setInterval中传递Server Sent Event对象（function（）{...}）

Question

我想在一段时间后停止SSE并需要重新连接。

在JavaScript中使用setInterval(function(){})会出错：

source.close(); // <<-- ERROR : object is not defined

有人可以指导我寻求解决方案吗？

<script>

if(typeof(EventSource) !== "undefined"){

    var source = new EventSource("sse_server.php");

    // ReConnecting ST
    setInterval(function(){ 
        console.log("ReConnecting...");

        source.close(); // <<---------- ERROR : object is not defined

        var source = new EventSource("sse_server.php");
    }, 6000); 
    // ReConnecting EN

    source.addEventListener("response", function(event) {
         document.getElementById("result").innerHTML += "<p>" + event.data + "</p>";
    });

    source.addEventListener("message_status", function(event) {
         document.getElementById("result").innerHTML += "<p>" + event.data + "</p>";
    });

    source.onmessage = function(event) {

        var json = JSON.parse(event.data);

        if(json.category=="chat") {
            document.getElementById("result").innerHTML += "<p>"  + json.content.messageContent.messageText + "</p>";
        }else{
            document.getElementById("result").innerHTML += "<p>" + event.data + "</p>";
        } 

  };

} else {
  document.getElementById("result").innerHTML = "Sorry, your browser does not support server-sent events...";
}


</script> 

Answer 1

看这个：

source.close(); // <<---------- ERROR : object is not defined
var source = new EventSource("sse_server.php");

您已在函数范围内定义了具有相同名称的其他变量。由于在下一行之前没有为其赋值，因此它是undefined。

如果要从函数内更广泛的范围访问source，则不要在函数内部重用该名称作为其他变量。

如果要覆盖更宽变量中的source，则从函数内部的行中删除var，以便使用现有变量并且不在本地范围内重新声明它。