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

Question

Маяк · Accepted Answer

1. Напишите, в каком порядке выведутся console.log в данном коде (синхронный код, микрозадачи, макрозадачи — event loop).
2. Если в приложении баг: промис по завершении создаёт новый промис и очередь микрозадач никогда не пустеет — что будет с интерфейсом?
3. Что значит, что макрозадачи выполняются по одной из очереди?
4. Если синхронный код и микрозадачи выполнились, но макрозадачи бесконечно создаются одна за другой — что будет с UI?
5. Напишите функцию get(object, path), которая возвращает значение по пути во вложенном объекте (аналог lodash get).
6. Как ещё можно было решить задачу get(object, path)? (например, через reduce в одну строку)
7. Чем итеративное решение отличается от рекурсивного и почему вы не стали решать рекурсивно?
8. Отсортируйте чётные числа в массиве по возрастанию, оставив нечётные числа на своих местах.
9. Какая сложность вашего алгоритма?
10. Если в массиве из 1000 элементов всего два чётных числа и они в начале — сколько итераций нужно и как оптимизировать решение, чтобы не пробегать весь массив?
11. Преобразуйте массив чисел в строку с диапазонами: последовательно возрастающие числа сворачиваются в диапазон через дефис, остальные перечисляются через запятую (например, '0,4-5,8').
12. Какие протоколы доступны в браузере? Расскажите про каждый и перечислите юзкейсы (HTTP, HTTPS, WebSocket, TCP, UDP).
13. В чём разница между HTTP/1 и HTTP/2?
14. Как можно обойтись без вебсокетов, используя только HTTP? Какие есть подходы?
15. Опишите, что происходит при отрисовке страницы браузером после получения HTML-документа (когда все ресурсы загрузились).
16. Как тег script влияет на отрисовку страницы и какие есть возможности оптимизации (async, defer)?
17. Что будет выведено в консоли на указанных строках: цикл while с декрементом переменной var i и пушем функций i + i в массив с последующим их вызовом?
18. Замкнулось ли значение переменной i в функциях, добавленных в массив, и почему вызов даёт не ожидаемые значения?
19. Напишите порядок вывода console.log в задаче на event loop (синхронный код и микрозадачи: apple, orange, melon, pear).
20. Задача на контекст this: в каждой ли отмеченной точке вызова логгера выведется 'this is dev mode'? Где контекст потеряется?
21. Что нужно изменить, чтобы во всех точках контекст this не терялся? Какие есть варианты?
22. Напишите полифил Promise.any: принимает массив промисов, резолвится первым успешным; если все упали — reject с массивом ошибок с сохранением порядка.
23. TypeScript: типизируйте функцию (через дженерик и keyof) так, чтобы передача несуществующего ключа объекта давала ошибку компиляции; типизируйте возвращаемое значение.