Какие вопросы задают на собеседовании в Московская Биржа (frontend, middle)?

Question

Маяк · Accepted Answer

1. Объясните, как интерпретатор обрабатывает объявления функций (hoisting): что выведет код, где function declaration «всплывает» наверх?
2. Что выведет код: внутри функции аргументу-объекту присваивается другой объект — затронет ли это оригинальный объект? Как сделать так, чтобы в консоли вывод был одинаковым?
3. Как проверить необъявленную переменную на undefined без ошибки (через typeof), если она не объявлена в window? Что будет при прямом обращении к ней?
4. Что вернут нестрогие сравнения с приведением типов: приведение undefined/null к числу, NaN (typeof NaN — number, но NaN не равен ничему), исключение undefined == null → true?
5. Что выведет код с var (область видимости функции, hoisting переменных)? Что будет, если заменить var на let — какая ошибка и почему (нельзя читать до объявления, TDZ)?
6. Какие типы ошибок (исключений) бывают в JavaScript — TypeError, ReferenceError, SyntaxError? Какая ошибка будет в данном случае и почему ReferenceError?
7. Что такое замыкание? Как функция ищет переменную по цепочке областей видимости вплоть до глобальной?
8. Напишите скрипт, использующий setTimeout, который выводит числа от 1 до 10, и каждое число выводится через секунду после предыдущего.
9. Что будет, если в этом цикле заменить let на var? Почему выведется 11 во всех итерациях (переменная объявится в области функции/window)?
10. Как заставить вариант с var работать правильно: замыкание/IIFE, передача значения дополнительным аргументом в setTimeout?
11. Реализуйте каррируемый «калькулятор»: вызовы вида plus(1)(2)(...) — каждая функция возвращает функцию; как при этом вернуть итоговое значение?
12. Как доработать каррируемый калькулятор, чтобы добавить операцию «минус» и вызывать функцию с нужным контекстом?
13. Проведите code review Vue-компонента «часики» (компонент может вставляться по 40 штук на страницу с переходами между страницами): всё ли с ним в порядке, что исправить?
14. Что такое setInterval и как он работает?
15. Что произойдёт, когда компонент с setInterval будет разрушаться, если интервал не очистить? Как правильно удалить интервал (clearInterval по возвращаемому id в beforeDestroy/destroyed)?
16. Куда сохранить id интервала в компоненте и почему не стоит класть его в data (реактивность для этой переменной не нужна)?
17. Как сделать переменную компонента приватной — чтобы её нельзя было достать и изменить снаружи через экземпляр компонента (соглашение с нижним подчёркиванием, замыкание)?
18. Named function expression: что выведет код, почему идентификатор функции (fn2) не определён снаружи — чем function declaration отличается от function expression?
19. Функция — это объект? Что можно «посчитать» у функции: свойство length (количество предопределённых аргументов), имя, можно ли хранить у функции свои ключи?
20. IIFE: зачем нужны круглые скобки вокруг функции, где в примерах будет ошибка и почему (скобки превращают декларацию функции в выражение)?
21. Что попадёт в arguments / как соберутся переданные аргументы (передали 5 параметром — что окажется в массиве в первом и во втором случае)?
22. Чем стрелочная функция отличается от обычной: собственный this, невозможность быть генератором, от чего зависит контекст (место объявления vs место вызова)?
23. Задача на this: объект с ключами a и b и методами (обычная и стрелочная функции) — в каком порядке что выведется, куда «пойдёт» this при вызове в контексте window (NaN, undefined)?
24. Как работает spread-оператор при разложении массива — откуда он «знает», что перечислять (протокол итератора, Symbol.iterator)?
25. Как написать собственный итератор без генератора, чтобы spread/for..of работали: объект с методом next, возвращающим значение и статус done?
26. Что возвращает async-функция и в каком статусе будет промис (fulfilled), даже если внутри нет return?
27. Какие статусы бывают у промиса (pending, fulfilled, rejected)?
28. Есть массив из 10 промисов — как подождать, пока выполнятся все? Чем отличаются Promise.all, Promise.allSettled и Promise.race (поведение при первом reject)?
29. Чем for...in отличается от for...of (по ключам vs по значениям, итерируемые объекты)? Можно ли итерироваться по массиву промисов через for await...of?
30. Что выведется раньше: setTimeout(console.log(1), 0) или console.log(2) следующей строкой — и почему (синхронный код, event loop)? Что изменится, если добавить микрозадачу/Promise.then?
31. Как работает setTimeout под капотом: в какой буфер/очередь (callback queue) попадает колбэк, в какой момент он туда добавляется и почему не сразу в конец очереди?
32. Что такое рекурсия? Что такое хвостовая рекурсия и чем она полезна (стековые кадры не держатся в стеке, защита от переполнения стека)?
33. Дан объект и функция, возвращающая обёртку: как запретить доступ к ключам с нижним подчёркиванием («приватным» полям) — геттеры/сеттеры по всем ключам, замыкание, Proxy? Почему Proxy не подходит (нет полифилла, поддержка IE11)?
34. Расскажите про хуки жизненного цикла Vue: порядок вызова (created, mounted и др.), что и когда доступно?
35. Какие навигационные хуки есть у vue-router (beforeRouteEnter, beforeRouteUpdate, beforeRouteLeave), какие из них доступны в компоненте, а какие в роутере?
36. Чем экшены отличаются от мутаций во Vuex (асинхронные операции vs синхронные)?
37. Чем отличаются data, props и computed во Vue? Что во Vue реактивно, а что нет (всё реактивно, кроме слотов и изменений массива по индексу)?
38. Почему изменение элемента массива по индексу не реактивно во Vue и как это решить ($set или пересоздание массива)? Почему $set — не лучший вариант (каждый ключ массива становится реактивным, лишняя нагрузка)?
39. Как принудительно перерендерить/обновить компонент ($forceUpdate) и когда это уместно?
40. Можно ли изменить props, computed или константу? В каких случаях изменение возможно (если значение — объект, можно менять его свойства)?
41. Можно ли внутри scoped slot одного компонента вызвать метод родительского компонента / обработать данные слота методом родителя? Почему контекст scoped slot замкнут?
42. На стрелочных часах 3:15 — какой угол между часовой и минутной стрелками? Как посчитать (360 / 12 / 4 = 7,5 градуса)?
43. Русская рулетка: в барабане на 6 слотов два патрона подряд, барабан раскрутили, первый выстрел холостой. Что выгоднее — раскрутить барабан ещё раз или выстрелить сразу? Посчитайте вероятности (3/4 против 4/6 не получить пулю).
44. Дан массив чисел от 1 до 100 в случайном порядке, одно число удалили. За минимальное количество итераций по массиву определите, какого числа не хватает (сумма арифметической прогрессии за один проход). Почему сортировка/бинарный поиск не подходят?
45. Как ты сам оцениваешь свой уровень (junior/middle/senior) и по каким параметрам?
46. Ты работаешь только с Vue? Почему выбрал Vue и готов ли писать на React (в команде планируется приложение на React)?
47. Расскажи про свой предыдущий опыт: чем занимался раньше (PHP, fullstack) и почему перешёл во фронтенд?
48. Нужно с нуля сделать приложение на Vue — что делаешь по шагам (vue cli, роутер, axios, авторизация, тестирование)?
49. Как глобально перехватывать ошибки от бэкенда, чтобы не валидировать их в каждом запросе (axios interceptors на response, обработка по коду ошибки)?
50. Когда заводить Vuex/глобальный стор: где хранить данные, которые нужны двум соседним компонентам или разным частям приложения? Используешь ли модули Vuex?