Застрял на отсрочке с jQuery

Question

Я застрял. Это не имеет никакого смысла.

Эта следующая строка кода вызывает loadJSONfile, а затем устанавливает вызов dataLoaded при разрешении getJSON.

$.when(loadJSONfile(pathToLoad + "/" + fileToLoad,provIdx)).done(dataLoaded); 

Вот loadJSONfile:

function loadJSONfile(pathToFile,idx1,idx2,num2,idx3,num3,dir) { 

    var deferred = $.Deferred(); 
    //var IDX = idx; 
    /* code to load the stuff goes here */ 
    $.getJSON(pathToFile).done(function(data) { 

     deferred.resolve(data,idx1,idx2,num2,idx3,num3,dir); 
    }).fail(function() { console.log('FAILED') }); 

    return deferred.promise(); 
} 

Следующая строка кода вызывает loadMapData, и устанавливает вызов mapDataLoaded wheen loadMapData решает:

$.when(loadMapData(provinceEntry,regionIdx)).done(mapDataLoaded); 

Вот loadMapData:

function loadMapData(provinceEntry,regionIdx) { 

    var deferred = $.Deferred(); 
    var regionCode = provinceEntry.regions[regionIdx]; 

    $.getJSON('data/topojson' + String(provinceEntry.Number) + String(regionCode) + '.topojson').done(function(topoData) { 

     deferred.resolve(topoData,provinceEntry,regionIdx); 
    }) 
} 

Но это не работает. Код мгновенно отменяет отложенное, что, очевидно, приводит к сбою mapDataLoaded.

Почему одно работает, когда другое, что идентично, не работает?

Answer 1

loadMapData() ничего не возвращает. Он должен вернуть обещание для $.when(), чтобы выполнить свою работу, как вы делаете в loadJSONfile().

Но, я должен сказать, вы используете некоторые анти-шаблоны для обещаний (создавая новые обещания, когда вам это не нужно).

Вот неподвижная loadMapData() без анти-паттернов и возвращение обещания:

function loadMapData(provinceEntry,regionIdx) { 
    var regionCode = provinceEntry.regions[regionIdx]; 
    return $.getJSON('data/topojson' + provinceEntry.Number + regionCode + '.topojson'); 
} 

loadMapData(provinceEntry,regionIdx).then(function(topoData) { 
    // you can refer to topoData, provinceEntry and regionIdx here 
    mapDataLoaded(topoData, provinceEntry,regionIdx); 
}, function(err) { 
    // error handling here 
}); 

Ключа к избегая антишаблон, чтобы избежать создания нового обещания, когда $.getJSON() уже возвращает один, так что вы просто использовать обещание, которое уже возвращается.

---

И слово около $.when(). Во-первых, вы ДОЛЖНЫ передать ему одно или несколько обещаний. У него нет волшебной силы знать, когда какая-то функция асинхронного управления, которую вы передаете, на самом деле выполняется. Он знает, как использовать обещания. И, во-вторых, нет нулевой причины использовать $.when(), если вы не пытаетесь согласовать более одного обещания. Если у вас есть только одно обещание, вы можете просто использовать .then() на самом обещании (как я сделал на loadMapData() выше - нет необходимости обертывать его в $.when().