Javascript 变量作用域

Question

我遇到了一个 javascript 全局变量(称为 TimeStamp)未在加载时定义的问题...至少我认为这就是问题所在。

我从这里开始，定义 TimeStamp。

        $(document).ready(function(){
        // AddTest();
        var TimeStamp = null;
        waitForMsg();
    });

...waitForMsg 然后使用 TimeStamp 运行并在 ajax 调用成功完成时更新它。至少这是个想法，但目前没有任何运行，因为“时间戳未定义”......即使我之前定义了它! (呃)。

如果我在 waitForMsg 中重新定义时间戳，它只会被重置，而不是使用来自成功的 ajax 函数的更新值。

    function waitForMsg(){


    $.ajax({
        type: "POST",
        url: "backend.php",
        async: true,
        cache: false,
        timeout:50000, /* Timeout in ms */
        data: "TimeStamp=" + TimeStamp,
        success: function(data){

            var json = eval('(' + data + ')');

            $('#TextHistory :last-child').after('<p>' + json['msg'] + '</p>');


            TimeStamp = json['timestamp'];


            setTimeout(
                'waitForMsg()', /* Request next message */
                1000            /* ..after 1 seconds */
            );
        },
        error: function(XMLHttpRequest, textStatus, errorThrown){

            $('#TextHistory :last-child').after('<p>' + errorThrown + '</p>');

            setTimeout(
                'waitForMsg()', /* Try again after.. */
                "15000");       /* milliseconds (15seconds) */
        },
    });
};

一如既往，我们非常感谢您的帮助。

丹.

Answer 1

改变

$(document).ready(function(){
    // AddTest();
    var TimeStamp = null;
    waitForMsg();
});

到

var TimeStamp = null;
$(document).ready(function(){
    // AddTest();
    waitForMsg();
});

这样，它将存在于全局范围内，而不仅仅是在就绪函数的范围内。

进一步说明，您应该将 setTimeout 语句从 setTimeout(string to eval,delay) 形式更改为 setTimeout(function reference to run,延迟)。像这样:

setTimeout(waitForMsg,1000);

这样您就可以避免不必要的 eval 调用。

更进一步，考虑改变

var json = eval('(' + data + ')');

到

var json = JSON && JSON.parse ? JSON.parse(data) : eval('(' + data + ')');

这样您就可以在现代浏览器中获得原生 JSON 解析的好处。

更好的是，通过在 ajax 调用中添加 dataType: 'json' 作为参数，让 jQuery 为您反序列化 JSON :)