Javascript "global"变量问题

Question

    var desc;
    $.ajax({
        url: "data/step2.xml",
        dataType: "xml",
        success: function(data){
            $(data).find('date').each(function(){
                var day = $(this).find('day').text();
                var date = $("#txtDate").datepicker("getDate");
                date = (date.getDate()+"-"+date.getMonth()+1+"-"+date.getFullYear());
                if (day==date){
                    $(this).find('availability').each(function(){
                        var prod = $(this).find('product').text();
                        var time = $(this).find('starttime').text();
                        if (prod==label){
                            desc="!";
                        }
                    });
                }
            });
        }
    });

我有一些问题访问desc变量…我想操作它的值，就像你在desc="!"中看到的那样，但是它返回undefined。有没有办法让这个变量成为全局的?或者有其他方法访问它?…哦，所有这些代码都在一个函数内。

Answer 1

在这种特殊情况下，问题不在于desc变量的作用域。您在success回调中操作的desc变量与ajax调用之前声明的变量相同。

这里的问题是时机。success方法不会在ajax调用的同时执行。它在ajax调用完成后执行一段时间。只有在这一点上，值才被写入desc。任何处理desc值的代码都必须从设置desc值的地方调用

if (prod == labe) { 
  desc = "!";
  onDescChanged();
}

Answer 2

我假设你的代码是这样的:

function foo() {
    var desc;
    $.ajax({
        ....
        success: function() {
            ...
            desc = "!";
        }
    });
    return desc; // this will return undefined, as success() hasn't completed
}

为了解决这个问题，使用一个回调函数，就像在JaredPar的回答中一样。