javascript - 在函数外部访问函数中定义的变量

Question

这个问题已经有答案了:

How do I return the response from an asynchronous call? (42 个回答)

已关闭 5 年前。

我有一个backbone.js项目。我在里面使用 jquery$get 函数。我正在更改上面在 get 中定义的变量的值。但是当我在外面执行 console.log (cityValue) 时，我看到了旧值。你能帮我吗？我期待您的想法。

示例代码；

getFormattedAddress1: function () {            
        var postalCodeValue = this.model.get(this.postalCodeField);
        var streetValue = this.model.get(this.streetField);
        var cityValue = this.model.get(this.cityField);
        var stateValue = this.model.get(this.stateField);
        var countryValue = this.model.get(this.countryField);            

        $.get("Target/action/city", { id : cityValue },function(data){
            cityValue = data.name;
        });

        console.log(cityValue);

        var html = '';
        if (streetValue) {
            html += streetValue;
        }
        if (cityValue || stateValue || postalCodeValue) {
            if (html != '') {
                html += '\n';
            }
            if (cityValue) {
                html += cityValue;
            }
            if (stateValue) {
                if (cityValue) {
                    html += ', ';
                }
                html += stateValue;
            }
            if (postalCodeValue) {
                if (cityValue || stateValue) {
                    html += ' ';
                }
                html += postalCodeValue;
            }
        }
        if (countryValue) {
            if (html != '') {
                html += '\n';
            }
            html += countryValue;
        }
        return html;
    },

Answer 1

jQuery 的 get 正在执行异步请求 - 这意味着回调 function(data) { ... } 将在向 Target/action/city 发出网络请求后执行> 完成。不在回调内的其余代码将执行，而无需等待网络请求完成。

基本上，console.log(cityValue); 在 cityValue = data.name; 之前运行，因此您看到的是旧值。

尝试将 console.log(cityValue); 放入回调函数中。