JS JavaScript · 25 вопросов · ~70 мин · ⏱ Таймер 10:00 · Средний ·

async/await и отмена операций

Тест проверяет семантику async-функций, продолжение после await, обработку ошибок, конкурентный запуск и кооперативную отмену через AbortController. В заданиях важно отличать отмену fetch от магической остановки произвольного Promise.

Отвечено: 0 из 25

⏱ --:--

💡 Инструкция: Выберите один ответ из пяти. В тесте 25 вопросов и 70 минут; код лучше читать построчно, не полагаясь на первое впечатление. После завершения откроются общий процент, 5 тематических шкал и объяснение каждого решения.

Вопрос 1 из 25

Что возвращает вызов read()?

async function read() { return 5; }
const result = read();

Объект Error Генератор Promise, выполняющийся числом 5 undefined до первого await Число 5

Вопрос 2 из 25

Чем завершится async-функция при throw?

async function load() {
  throw new Error("offline");
}
const result = load();

Останется pending Вернёт undefined Синхронно выбросит ошибку вызывающему коду до возврата Вернёт rejected Promise с этой ошибкой Вернёт fulfilled Promise со значением Error

Вопрос 3 из 25

Какой порядок вывода получится при await обычного числа?

async function run() {
  console.log("A");
  await 1;
  console.log("B");
}
run();
console.log("C");

C, A, B B, A, C A, B, C A, B A, C, B

Вопрос 4 из 25

Где разрешён top-level await без дополнительной обёртки?

Только в callback setTimeout В JSON-файле В модуле ECMAScript, если среда это поддерживает В любом classic script Только внутри constructor

Вопрос 5 из 25

Почему async callback не делает Array.prototype.forEach ожидающим?

const order = [];
await ids.forEach(async id => {
  order.push(await load(id));
});
console.log(order);

Методы массива не принимают функции, объявленные с async Браузер отменяет незавершённые callbacks после конца forEach forEach преобразует каждый возвращённый Promise в обычное число forEach запускает callbacks сразу и не ждёт возвращённые Promise await внутри callback действует только при обходе циклом while

Вопрос 6 из 25

Поймает ли catch отказ load()?

async function run() {
  try {
    load();
  } catch (error) {
    console.log("caught");
  }
}

Только при finally Да, только если отказ мгновенный Нет, Promise не awaited и функция выйдет из try до его отказа Да, потому что load вызван внутри try Нет, catch не работает в async-функциях

Вопрос 7 из 25

Какой вариант ловит отказ fetchData внутри функции?

async function read() {
  // Как оформить обработку отказа fetchData здесь?
  return fetchData();
}

return await без catch всегда подавляет ошибку try { fetchData(); } catch {} fetchData().then(handleError) try { await fetchData(); } catch (error) { handle(error); } await try(fetchData())

Вопрос 8 из 25

Что вернёт функция после обработки ошибки?

async function read() {
  try {
    return await fail();
  } catch {
    return "fallback";
  }
}

undefined независимо от catch fulfilled Promise со значением "fallback" Останется pending Синхронную строку rejected Promise

Вопрос 9 из 25

Зачем иногда пишут return await operation() внутри try?

async function service() {
  try {
    return await operation();
  } catch (error) {
    addContext(error);
    throw error;
  }
}

Чтобы операция завершилась синхронно в том же стеке вызовов Чтобы сохранить this внешней функции при вызове operation Чтобы автоматически отправить операции сигнал отмены Чтобы rejection попал в текущий try/catch до выхода из функции Чтобы один и тот же Promise выполнился повторно после return

Вопрос 10 из 25

Как сохранить исходную ошибку при переходе между слоями?

try {
  await repository.save(order);
} catch (error) {
  throw new Error("Не удалось сохранить заказ", { cause: error });
}

Выбросить undefined, чтобы верхний слой не зависел от реализации Выбросить только строку error.message без исходного объекта Записать ошибку в консоль и вернуть успешный результат true Вернуть false и считать его единым результатом любой ошибки Создать новую Error с предметным сообщением и полем cause

Вопрос 11 из 25

Какая версия выполняет независимые first и second последовательно?

async function run() {
  // Нужно выполнить first и second строго последовательно,
  // затем передать оба результата в combine.
}

const [a,b] = await Promise.allSettled([]) await Promise.race([first(), second()]) const a = await first(); const b = await second(); const p1 = first(); const p2 = second(); const [a,b] = await Promise.all([p1,p2]); queueMicrotask(first); second();

Вопрос 12 из 25

Почему эта версия работает конкурентно?

const p1 = first();
const p2 = second();
const [a, b] = await Promise.all([p1, p2]);

Каждый await автоматически переносит задачу в отдельный поток Среда выполнения создаёт отдельную копию функции для каждой задачи Promise.all уменьшает собственное время выполнения каждой операции Оба Promise запускаются до ожидания, затем ожидаются совместно Обе операции выполняются синхронно до создания общего Promise

Вопрос 13 из 25

Что произойдёт с second после отказа first в Promise.all?

await Promise.all([
  first(),
  second(),
]);

second перезапустится после обработки catch Promise.all дождётся second перед сообщением об отказе second продолжит работу без отдельного механизма отмены second получит сигнал отмены от Promise.all second остановится после завершения текущей микрозадачи

Вопрос 14 из 25

Когда последовательный await является правильным выбором?

Когда нужно получить любой первый завершившийся результат Когда обе операции работают только с числовыми значениями Когда второй шаг зависит от первого или порядок входит в контракт Когда последовательная запись короче, независимо от зависимостей Когда независимые медленные операции допустимо запускать по очереди

Вопрос 15 из 25

Как ограничить одновременный запуск сотен задач?

Добавить задержку перед созданием каждого Promise Передать всем задачам один AbortController Собирать результаты через Promise.allSettled Запустить создание задач в одной микрозадаче Использовать пул с ограничением числа активных операций

Вопрос 16 из 25

Что делает controller.abort() для fetch с переданным signal?

const controller = new AbortController();
const request = fetch(url, { signal: controller.signal });
controller.abort();

Завершает запрос досрочно, но возвращает успешный Response Запрашивает отмену и отклоняет fetch, пока он ещё не завершён Не влияет на fetch: AbortSignal используется лишь в событиях DOM Удаляет ответ и связанные записи запроса из HTTP-кэша браузера Останавливает текущий процесс JavaScript вместе с другими задачами

Вопрос 17 из 25

Можно ли использовать тот же AbortController для новой операции после abort?

const controller = new AbortController();
controller.abort("closed");
await fetch(nextUrl, { signal: controller.signal });

Да, после await Только для одного дополнительного fetch Да, если очистить reason Да, вызов reset() происходит автоматически Нет, его signal остаётся aborted; нужен новый controller

Вопрос 18 из 25

Отменит ли signal произвольный Promise, который его не читает?

function calculate(signal) {
  return new Promise(resolve => {
    heavyLibrary(resolve); // signal нигде не используется
  });
}

Да, но лишь в строгом режиме или внутри ES-модуля Да, но только Promise, созданный через Promise.resolve Да, каждый Promise автоматически подписывается на любой AbortSignal Нет, операция должна сама учитывать signal и завершаться совместно Да, если Promise остаётся pending дольше установленного тайм-аута

Вопрос 19 из 25

Как одной отменой остановить несколько частей одного запроса?

const controller = new AbortController();
const page = fetch(url, { signal: controller.signal });
const image = loadImage(src, { signal: controller.signal });

Использовать Promise.resolve(signal) Передать один и тот же signal всем поддерживающим операциям Вызывать clearTimeout без id Записать signal в localStorage Создать controller внутри каждой функции и не возвращать его

Вопрос 20 из 25

Зачем удалять listener abort после завершения собственной операции?

Чтобы после завершения операции разрешить Promise второй раз Чтобы убрать лишнюю ссылку и исключить поздний ненужный вызов Чтобы последующие обработчики выполнялись синхронно Чтобы вернуть AbortSignal из состояния aborted в исходное Чтобы fetch мог повторно использовать тот же URL без кэша

Вопрос 21 из 25

Почему logs выводится до завершения всех save?

items.forEach(async item => {
  await save(item);
});
console.log("done");

forEach не ждёт async callbacks, и код после него идёт дальше forEach ожидает первый Promise, но не следит за остальными save выполняется синхронно, поэтому журналирование опережает callbacks await внутри первого callback досрочно завершает весь обход массива console.log всегда ставится раньше Promise в очереди событий

Вопрос 22 из 25

Как проверить отмену до начала работы?

Подменить операцию заранее выполненным Promise без сигнала Перезагрузить документ сразу после создания контроллера Передать уже отменённый signal и проверить немедленный выход Запустить функцию без signal и отменить её внешним исключением Добавить случайную задержку, чтобы операция успела увидеть отмену

Вопрос 23 из 25

Что может удерживать зависший Promise?

Любое сохранённое значение undefined в области функции Ссылки из listeners, таймеров, замыканий или внешнего ресурса Само имя async-функции, даже когда на неё больше нет ссылок Отсутствие вызова then у Promise после его создания Только внутренний флаг pending, независимо от внешних ссылок

Вопрос 24 из 25

Как различать пользовательскую отмену и сетевую ошибку?

Проверять signal.aborted, причину и тип ошибки по контракту API Рассматривать любой отказ сети как действие пользователя Возвращать null и не различать источник завершения операции Сравнивать только длину текста message у пойманной ошибки Считать отменой любую ошибку, появившуюся после console.log

Вопрос 25 из 25

Как сделать тест конкурентного кода детерминированным?

Отключить unhandledrejection на всё время выполнения набора Увеличить реальные задержки, чтобы порядок стал стабильнее Заменить проверки выводом в консоль и сравнить порядок вручную Управлять Promise и сигналами отмены непосредственно из теста Запускать тест в часы минимальной нагрузки на систему

Ответьте на все 25 вопросов, чтобы получить результат

🔗 Встроить тест на свой сайт (iframe) ▼

Скопируйте код и вставьте в любое место на вашем сайте:

Также доступна прямая ссылка на embed-страницу