Асинхронное программирование в javascript

Question

У меня есть функция load(), внутри которой я хочу позвонить функции, скажем download(), которые загружают xml-файл. Как только загрузка завершена, я должен вызвать функцию say parseXML(), которая анализирует загруженный XML-файл. Как только синтаксический анализ завершен, я должен вызвать другую функцию: processParsedXMLFile(). Можете ли вы, пожалуйста, направить меня, как я могу достичь этого самым простым способом?

Answer 1

Вы можете использовать обратные вызовы

load(params , function(){ 
    download(params, function(){ 
     parseXML(params, function(){ 
     processParsedXMLFile(params, function(){ 
      ... 
     }) 
     }) 
    }) 
}) 

Answer 2

два общих подхода существуют для асинхронного кода в JavaScript - обратных вызовов и обещаний.

Есть много сообщений о том, как обсуждать обратный вызов и Javascript callback after json parse показывает хороший пример с подробным объяснением.

Для обещаний: http://wiki.commonjs.org/wiki/Promises/A и https://www.promisejs.org/ являются хорошим отправным пунктом для ознакомления с обещаниями, которые чаще встречаются для написания асинхронного кода в JavaScript.

В зависимости от того, где вы бежите вам скрипт, который вы, возможно, потребуется включить пакеты/библиотеки, чтобы иметь поддержку обещаний:

• NodeJS - установить соответствующий пакет ("promise", , ...)
• WinJS - обещания коренным образом поддерживаются. Info - WinJS.Promise и руководство Asynchronous programming in JavaScript, есть также много вопросов на SO, охватывающие различные аспекты, как WinJS, return a promise from a function which may or may not be async
• Для обычных браузеров, использующих реализацию JQuery является обычной практикой - [] jQuery.promise] (http://api.jquery.com/promise/). С широкой доступности ES6 совместимых браузеров не нужны дополнительные библиотеки - MDM Promise - ES6

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

download() 
    .then(function(data){/* parse XML here */}) 
    .then(function(data){/* process parsed XML*/ });