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

Модули и организация кода

Тест проверяет именованные и default-экспорты, живые связывания, строгий режим модулей, циклические зависимости и dynamic import. Архитектурные вопросы посвящены границам модулей, побочным эффектам и диагностике загрузки в браузере.

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

⏱ --:--

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

Вопрос 1 из 25

Как импортировать именованный export sum?

// math.js
export function sum(a, b) { return a + b; }

import "sum" as math import { sum } from "./math.js" import * as sum from "./math.js" import sum from "./math.js" require.sum("./math.js")

Вопрос 2 из 25

Можно ли присвоить новое значение импортированному count?

import { count } from "./state.js";
count = 5;

Да, импорт создаёт обычную локальную let-переменную Да, если предварительно удалить имя через оператор delete Да, но только внутри callback, запланированного setTimeout Нет, imported binding доступен импортёру только для чтения Да, если экспортирующий модуль объявил значение через let

Вопрос 3 из 25

Что увидит импортёр после вызова inc()?

// state.js
export let count = 0;
export function inc() { count++; }

// app.js
import { count, inc } from "./state.js";
inc();
console.log(count);

1 Возникнет TypeError Снимок значения на момент import undefined 0

Вопрос 4 из 25

Какое утверждение о default export верно?

export default function format(value) {
  return String(value);
}

Default export обязательно должен быть классом Имя файла автоматически становится экспортом Его нельзя импортировать вместе с named export Импортёр может выбрать локальное имя для default export В модуле может быть несколько default export

Вопрос 5 из 25

В каком режиме выполняется код ES-модуля?

<script type="module" src="app.js"></script>

Всегда в нестрогом Только в режиме eval Без this и исключений Автоматически в strict mode Режим зависит от наличия "use strict"

Вопрос 6 из 25

Какой модуль имеет более ясную границу?

Файл, импортирующий весь проект Файл с десятком глобальных переменных Файл, экспортирующий функции, а побочные эффекты запускаются явной точкой входа Файл, зависящий от порядка случайных импортов Файл, который при import сразу читает сеть и меняет DOM без явного вызова

Вопрос 7 из 25

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

// store.js
export const items = [];
// consumer.js
import { items } from "./store.js";
items.push("внешнее изменение");

Массив повторно создаётся при каждом чтении импорта Импорт создаёт отдельную копию массива, которая быстро устаревает Потребитель меняет общий объект в обход операций модуля Импорт замораживает только верхний уровень массива Изменение массива вызывает ошибку присваивания import binding

Вопрос 8 из 25

Какое решение в этом фрагменте улучшает тестируемость предметного расчёта?

export function createOrderService(api) {
  return {
    async calculateTotal(orderId, taxRate) {
      const items = await api.loadItems(orderId);
      return items.reduce((sum, item) => sum + item.price, 0) * (1 + taxRate);
    }
  };
}

Чтение document.body в чистом расчёте Прямой import глобального fetch внутри каждого вычисления Передача сетевого адаптера как зависимости на границе Общий изменяемый singleton без сброса Запуск таймера при импорте

Вопрос 9 из 25

Какой риск у большого barrel-файла, реэкспортирующего весь раздел?

Стандарт ES-модулей полностью запрещает большие barrel-файлы Barrel автоматически преобразует все экспортируемые функции в async Реэкспорт удаляет default export каждого исходного модуля Он скрывает реальные зависимости и способен создавать циклы Реэкспорт через export * мешает сборщику определить, какие имена используются внутри barrel-файла

Вопрос 10 из 25

Когда отдельный модуль конфигурации превращается в скрытое глобальное состояние?

Когда модуль экспортирует только неизменяемые константы Когда внутри файла есть комментарии с описанием параметров Когда тесты и запросы меняют общий mutable singleton без изоляции Когда файл конфигурации называется именно config.js Когда конфигурация опубликована через named export

Вопрос 11 из 25

Почему цикл A↔B не всегда немедленно падает?

// a.js
import { callB } from "./b.js";
export function callA() { return "A"; }
export function run() { return callB(); }

// b.js
import { callA } from "./a.js";
export function callB() { return callA(); }

Загрузчик полностью игнорирует циклические import Браузер объединяет оба файла в один обычный объект Порядок выполнения import выбирается случайно при каждом запуске Все exports обоих модулей навсегда получают undefined Live bindings создаются заранее, а чтение может случиться позже init

Вопрос 12 из 25

Что вероятнее произойдёт при раннем чтении const-экспорта в цикле?

// a.js
import { b } from "./b.js";
export const a = b + 1;

// b.js
import { a } from "./a.js";
export const b = a + 1;

Возникает ReferenceError из-за неинициализированного binding Сборщик модулей разрывает цикл и удаляет один import При раннем чтении модуль получает null вместо значения Импортированное значение превращается в pending Promise Неинициализированный const автоматически получает числовой ноль

Вопрос 13 из 25

Как надёжнее разорвать архитектурный цикл между domain и ui?

Переименовать файлы domain и ui в алфавитном порядке Добавить третий barrel, который реэкспортирует оба раздела Переставить строки import, не меняя направления зависимостей Заменить все named exports на default exports Вынести общий контракт ниже и направить зависимость через adapter

Вопрос 14 из 25

Почему функции в цикле иногда безопаснее немедленно вычисленных констант?

// a.js
import { getB } from "./b.js";
export const getA = () => getB() + 1;

Function declaration нельзя экспортировать из циклического модуля Функцию вызывают после init обоих модулей, не читая значение раньше Объявление function не содержит исполняемого тела до вызова Экспортированная функция всегда выполняется синхронно Функции не участвуют в live bindings ES-модулей

Вопрос 15 из 25

Какой инструмент помогает обнаружить неожиданные циклы?

Очистка console перед запуском загрузчика Отключение strict mode во всех модулях приложения Анализ графа зависимостей сборщиком или отдельным правилом Сериализация всего window через JSON.stringify Случайная задержка перед каждым статическим import

Вопрос 16 из 25

Что возвращает import("./feature.js")?

const modulePromise = import("./feature.js");

Текст файла HTMLScriptElement Namespace object немедленно Функцию require Promise, выполняющийся namespace object модуля

Вопрос 17 из 25

Сколько раз обычно выполняется один модуль при двух import() того же точного URL?

const first = import("./feature.js");
const second = import("./feature.js");
await Promise.all([first, second]);

Модуль выполняется заново для каждого callback then Модуль не выполняется, если у него нет default export Тот же точный URL выполняется дважды при двух import Обычно один раз, затем используется кэшированная module record Число выполнений равно количеству объявленных exports

Вопрос 18 из 25

Как получить именованный export open после dynamic import?

// Нужно загрузить ./dialog.js по требованию
// и получить именованный export open.

const open = require.import("./dialog.js") import open await "./dialog.js" const { open } = await import("./dialog.js") await open from "./dialog.js" const open = await import("./dialog.js")

Вопрос 19 из 25

Когда dynamic import оправдан?

Чтобы отключить проверки CORS для файла модуля Для редкой тяжёлой возможности, загружаемой по запросу Для каждой обязательной функции, нужной сразу при старте Чтобы imported bindings стали изменяемыми в импортёре Чтобы скрыть синтаксическую ошибку до действия пользователя

Вопрос 20 из 25

Что должен сделать интерфейс при отказе dynamic import?

try {
  const module = await import("./editor.js");
  module.mount(root);
} catch (error) {
  // Что уместно сделать здесь?
}

Оставить интерфейс в бесконечном состоянии загрузки Повторять import без ограничения и задержки Попросить пользователя перезагрузить всё устройство Игнорировать rejection и продолжить как при успешной загрузке Снять ожидание, показать восстановление и сохранить диагностику

Вопрос 21 из 25

Браузер сообщает MIME type text/html для module script. Какая частая причина?

<script type="module" src="/assets/app.js"></script>

JavaScript-файл слишком короткий для типа module Top-level await заставляет сервер изменить Content-Type MIME text/html появляется из-за наличия объекта в модуле Сервер вернул HTML fallback или страницу ошибки вместо JS Причиной является использование named export вместо default

Вопрос 22 из 25

Почему обычный <script src> не понимает import в файле?

<script src="app.js"></script>
<!-- app.js содержит import { start } from "./start.js" -->

Файл должен возвращаться с типом application/json Статический import разрешён лишь после DOMContentLoaded import работает только внутри async-функции обычного script Достаточно добавить defer, не меняя тип script Файл надо подключить как module либо преобразовать сборщиком

Вопрос 23 из 25

Почему импорт через file:// может вести себя иначе, чем на сайте?

На локальном диске среда не поддерживает объекты Promise ES-модули полностью запрещают относительные пути к файлам У file URL и HTTP различаются origin и правила module loading Модули работают только по HTTPS без исключений для разработки Схема file загружает модуль без проверки MIME-типа, поэтому синтаксис оценивается иначе

Вопрос 24 из 25

Могут ли ./mod.js?v=1 и ./mod.js?v=2 считаться разными модулями?

Нет, query-компонент всегда удаляется загрузчиком модулей Оба URL неизбежно приводят к SyntaxError Да, разные разрешённые URL могут оцениваться отдельно Разные адреса объединяются, если оба модуля экспортируют одно и то же имя по умолчанию Разные query считаются отдельными модулями только в Node.js

Вопрос 25 из 25

Какой набор фактов собрать при ошибке загрузки import?

Количество функций, объявленных в загружаемом файле Имя локальной переменной, получающей namespace объекта Разрешение монитора пользователя, у которого возникла ошибка Разрешённый URL, статус, MIME, CORS и сообщение Console Только текст кнопки, после которой начался import

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

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

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

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