在javascript中将数据从局部变量传递到全局

Question

我在函数外传递变量有一些问题。 这似乎很简单，但是我有一些问题。

var myJson;
var url = "https://openbook.etoro.com/api/Markets/Symbol/?name=" + symbol;
var xhr = (window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP"));
xhr.onreadystatechange = XHRhandler;
xhr.open("GET", "proxy.php?url=" + url, true);
xhr.send(null);

function XHRhandler() {

    if (xhr.readyState == 4) {

        var json;
        if (JSON && JSON.parse) {
            json = JSON.parse(xhr.responseText);
        } else {
            eval("var json = " + xhr.responseText);
        }
        console.log(json);
        myJson= json;
        xhr = null;
    }

}
console.log(myJson);

我需要的是将数据从局部变量json传递到全局myJson； 但是当我做console.log（myJson）时，我变得不确定。 问题是什么？

谢谢

Answer 1

尝试移动语句console.log(myJson); 在if条件中，或用一些值替代地初始化变量。 似乎您的语句在被填充任何值之前就已被调用。

Answer 2

XMLHttpRequest是异步的，因此当您尝试将myJson变量写入控制台时，它尚未完成。 将其包装在一个函数中，并在XMLHttpRequest完成后调用该函数。

var myJson;
var url = "https://openbook.etoro.com/api/Markets/Symbol/?name=" + symbol;
var xhr = (window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP"));
xhr.onreadystatechange = XHRhandler;
xhr.open("GET", "proxy.php?url=" + url, true);
xhr.send(null);

function XHRhandler() {

    if (xhr.readyState == 4) {

        var json;
        if (JSON && JSON.parse) {
            json = JSON.parse(xhr.responseText);
        } else {
            eval("var json = " + xhr.responseText);
        }
        console.log(json);
        myJson= json;
        xhr = null;
        writeToConsole();
    }

}

function writeToConsole() {
    console.log(myJson);
}