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

Question

Маяк · Accepted Answer

1. Посмотрите на код с переменными и функцией: что будет выведено и почему (в первом случае 2, во втором 3)?
2. Если заменить объявление переменной (например на let), что-то изменится? Почему (блочная vs функциональная область видимости)?
3. Есть объект, объявленный через const. Можно ли изменить его ключ? Если можно, то почему?
4. Расскажите, какими способами можно создать функцию в JavaScript (пишите прямо здесь и объясняйте)?
5. В чём разница между function declaration и function expression?
6. Расскажите про замыкания: дайте терминологию, а затем разберите задачу (счётчик выводит 1, 2, 3).
7. Почему функция-счётчик «знает» про переменную, хотя внутри её тела этой переменной нет? Объясните подробнее, как это работает.
8. Есть объект с методом. Что выведется (Иван)? А если переписать метод на стрелочную функцию?
9. Могу ли я привязать контекст к стрелочной функции? Почему нет?
10. Если вынести метод объекта в отдельную переменную и вызвать — что с контекстом? Контекст теряется в момент выноса или в момент вызова?
11. Как добавить контекст этому вызову обычной функции (через bind/call/apply)?
12. В каком порядке выведутся числа (синхронный код, микрозадачи, макрозадачи)?
13. Объясните подробнее, как работает event loop (call stack, Web API, callback queue, микро- и макрозадачи)?
14. Какие концепции функционального программирования знаете и применяли?
15. Что такое чистые функции?
16. Какие функции высшего порядка применяли, может быть писали сами? Что такое функция высшего порядка?
17. Реализуйте функцию map (принимает массив и колбэк), не добавляя в прототип и не используя методы массивов.
18. Как давно пишете на React, что используете — классовые или функциональные компоненты?
19. Что такое пропсы (props)?
20. Что такое state (состояние компонента)?
21. Точно ли нельзя просто поменять переменную состояния, которую вернул useState? Почему?
22. Расскажите про этапы жизненного цикла компонента (не методы, а этапы)?
23. Какие хуки знаете и какими пользовались? Пользовались ли useReducer и почему редко?
24. Чем отличаются useEffect и useLayoutEffect?
25. Расскажите про сигнатуру useEffect: какие параметры можно передать, что они дают (массив зависимостей)?
26. Какая особенность у первого параметра useEffect (функции), связанная с очисткой?
27. Есть компонент с useEffect и родительский компонент с useEffect. В каком порядке они вызовутся?
28. Зачем нужен хук useRef и как его использовать?
29. Зачем вообще нужен хук useRef — почему нельзя просто объявить переменную и положить в неё значение?
30. Напишите свою реализацию useRef (чтобы возвращалась одна и та же ссылка на объект).
31. Все ли значения нужно класть в массив зависимостей useEffect, если хотим использовать их внутри эффекта? Почему рефы можно не указывать?
32. Зачем нужны ключи (keys) в React?
33. Что происходит при изменении ключа компонента?
34. Есть два списка, числа внутри не уникальны между списками (например 1,2,3 и 1,4,5), и я использую эти числа как ключи. Есть ли проблема в пересечении ключей между списками?
35. Есть кнопка; какие компоненты перерендерятся после обновления state по нажатию? Можно ли изменить это поведение?
36. Что такое контексты в React, зачем они нужны и как вы их использовали?
37. Нормально ли использовать много контекстов в приложении, как это влияет на производительность?
38. Какие технологии и протоколы использовали для взаимодействия с API?
39. Каким образом была реализована работа с WebSocket в React (подписки на события, отправка)?
40. Не было ли проблем с производительностью, когда сообщения из сокетов диспатчились в стор и оповещали всех подписчиков? Применяли ли оптимизации?