Обратные вызовы, которые не блокируются

Question

Я хотел бы написать функцию, которая выполняет обратный вызов и вызывает его после выполнения функции.

Это очень просто:

var callback = function (ref) { 
    var i = 1337; 
    while (i--) { 
     console.log(ref, 'callback'); 
    } 
}; 

var someFoo = function (ref, callback) { 
    console.log(ref, 'self'); 

    callback(ref); 
} 

someFoo('one', callback); // 1 
someFoo('two', callback); // 2 

Но здесь я столкнулся с этой проблемой: сначала someFoo блоки вызова до тех пор, пока Allback закончена. Это означает, что этот код эквивалентен этому (который блокирует, пока каждая функция не закончена):

someFoo('one'); 
callback('one'); 
someFoo('two'); 
callback('two'); 

Теперь вопрос: Как сделать асинхронный обратный вызов вызов?

Answer 1

Изменение:

callback(ref); 

To:

setTimeout(function(){ callback(ref); }, 0); 

Или, так как вы пишете расширение хром, и, следовательно, не придется беспокоиться о старых браузерах, вы можете использовать bind :

setTimeout(callback.bind(null, ref), 0); 

Answer 2

JavaScript, реализованный в браузерах, является однопоточным, поэтому вы не можете выполнить команду rea l асинхронный вызов. Что вы можете сделать что-то вроде этого, приближена:

setTimeout(function() { 
    callback(ref); 
}, 1000); 

Где 1000 1 секунда в миллисекундах (задержка в дальнейшем по мере необходимости). Однако, поскольку однопоточное обратное соединение все равно блокирует другой выполняемый код.

Поддержка новых браузеров web workers, но использование веб-работников для приближения потоков приведет к созданию кода, который не будет работать со многими старыми браузерами, и не все новые браузеры поддерживают полную спецификацию даже сейчас.