Как мне (действительно!) Выполнить синхронизацию асинхронного вызова JavaScript (в Chrome)?

Question

Я знаю, что некоторые подобные вопросы были заданы временем gazillon, но мне действительно нужно сделать асинхронный вызов по-настоящему синхронным. Обычно мне приходится использовать AMD в асинхронном режиме, и я должен удостовериться, что некоторые вызовы на require выполняются синхронно - после того, как выполненный в обратном вызове выполнен. Достаточно было бы заставить его работать на хроме. Кажется, что это можно сделать с ES6 yield/await. К сожалению, , кажется, требует traceur с хромом. Фактически, я хотел бы иметь легкое, минимальное решение и избегать введения большого объема библиотеки.

Какое минимальное решение для этого реализовано?

Answer 1

Вы не можете этого сделать. JavaScript в браузере однопоточный и асинхронный. Вы действительно хотите, чтобы ваш JavaScript блокировал ваш поток пользовательского интерфейса, пока вы ждете загрузки файла с сервера?

Я никогда не видел ситуации, когда вам нужен синхронный код в JS. Можете ли вы привести нам пример того, почему вам кажется, что необходим синхронный код?

До yield/await вы можете сделать свой код похожим на синхронный, но это действительно «сопрограмма», что означает, что функция имеет несколько точек входа. Другими словами, он все еще асинхронен. ES6 получает генераторы и ключевое слово yield, но await находится в спецификации ES7. Не задерживайте дыхание.

Вы можете использовать Traceur Babel или Regenerator для transpile коды для поддержки генераторов и yield, что очень приятно. Затем вы можете использовать co, чтобы превратить вашу генераторную функцию в сопрограмму. У меня example of this working in chrome на LearnHarmony.

Вы также можете использовать import/export ключевые слова в ES6 (используя трейсер или какой-либо другой transpiler/polyfill), чтобы получить то, что выглядит как синхронный код: import Foo from 'foo'. Но не позволяйте этому обмануть вас. Он также асинхронен. Компилятор Traceur преобразует этот код в асинхронный код.