javascript - 为什么我无法在 cordova 中访问全局 JS 变量？

Question

抱歉，这可能是一个非常幼稚的问题，并且可能已经被问过。然而，我找不到回答我的具体问题的帖子，所以我仍然在那里询问。

请注意，我对 javascript 完全陌生，我来自面向对象的编程语言。请在回答时牢记这一点!

我希望我的 cordova 应用程序连接到 websocket 服务器。由于我的应用程序仅适用于 android 4.4 及更高版本，因此我发现使用 javascript 的 window.WebSocket 对象是个好主意。所以我创建了一个像这样的“全局”变量:

var socket = null;
var app = {
    initialize: function() {
    document.addEventListener('deviceready', this.onDeviceReady.bind(this), false);
    ...
}

我可以使用以下代码成功创建一个 websocket 对象:

websocketSetup: function() {
    var serverUrl = "ws://echo.websocket.org";
    var logdiv = document.getElementById("logs");
    //Called when the client opents the conection to the server
    var onOpen = function() {
        logdiv.innerHTML += "<p class='purple'>Websocket opened: " + serverUrl + "</p>";
        socket.send("Hello");//FIXME: remove this line
    };
    //Called when the client or the server drops the connection, or sends a close request
    var onClose = function() {
        logdiv.innerHTML += "<p class='purple'>Websocket closed.</p>";
        socket = null;
    };
    //Called when the client recieves a request from the server
    var onMessage = function(event) {
        logdiv.innerHTML += "<p class='purple'>Message:" + event.data + "</p>";
    };
    //Called from the client websocket implementation when an error happens
    var onError = function(event) {
        logdiv.innerHTML += "<p class='purple'>" + event.data + "</p>";
    };
    try{
        socket = new WebSocket("ws://echo.websocket.org");

                socket.onopen = onOpen;
                socket.onclose = onClose;
                socket.onmessage = onMessage;
                socket.onerror = onError;
    }catch(e){
        logdiv.innerHTML += "<p class='red'>" + e + "</p>";
    }
},

这工作得很好，我成功地从 echo websocket 服务器获取了 echo。但是，此后我无法再访问此套接字变量。功能如下:

socketMessage: function(outgoingmessage) {
    socket.send(outgoingmessage);
    var logdiv = document.getElementById("logs");
    logdiv.innerHTML += "<p class='purple'>Message sent to WS:" + outgoingmessage + "</p>";
}

根本不起作用，只要我引用套接字变量，该函数就会停止执行。它也不会抛出我可以尝试/捕获的异常。

感谢您的帮助!

Answer 1

嗯，我发现了这个问题，这主要是由于我对 javascript 的了解不够。

应用程序初始化后，套接字变量不再存在，因为它没有正确设置为全局变量。

socket = null;

此代码将添加套接字变量作为全局对象的属性，并将使其持久化并可从任何地方访问。