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

Question

Маяк · Accepted Answer

1. Задача на this: есть объект usersService с полями currentFilter, active, массивом users и методом getFilteredUsers (внутри filter используется обычная function). Что выведется в консоли при вызове usersService.getFilteredUsers()?
2. Что такое this в JavaScript?
3. Чему будет равен this внутри обычной function-колбэка (не стрелочной) в браузере в нестрогом режиме?
4. А что будет с this в strict mode в этой же ситуации?
5. Как исправить код, чтобы this внутри колбэка filter указывал на нужный объект?
6. Назови ещё один способ исправить проблему с this, не меняя function на стрелочную функцию.
7. Задача на event loop: дан код с синхронными console.log, двумя setTimeout и промисом (.then). В каком порядке выведутся сообщения в консоли и почему?
8. Что такое event loop? Расскажи про микротаски и макротаски.
9. События пользовательского ввода (клики и т.д.) — это какие задачи: микротаски или макротаски?
10. Усложнение задачи на event loop: добавлена функция, которая рекурсивно вызывает себя через промис (микротаски). Каким будет порядок вывода и что произойдёт с интерфейсом?
11. Следующее усложнение: рекурсивный вызов через setTimeout вместо промиса. Каким будет порядок вывода и поведение интерфейса?
12. Последнее усложнение задачи на event loop: промис резолвится внутри setTimeout. Каким будет порядок вывода сообщений?
13. React-задача: есть три компонента и хук useForceUpdate. Какие компоненты будут рендериться при клике на кнопку Render и почему?
14. Что значит, что компонент «без мемоизации»? Что такое мемоизация компонента?
15. Будет ли рендериться компонент Child при наборе текста в input? Если будет — почему?
16. Как исправить лишний ререндер компонента Child при наборе текста в input?
17. Что такое React.memo — это хук или что-то другое?
18. Что делает useCallback? Что будет храниться в handleChange после оборачивания в useCallback?
19. Реализовать на React простую слот-машину («однорукий бандит»): три барабана с цифрами от 0 до 9, которые крутятся и останавливаются в разное время (дан класс runSpinner с колбэками onRoll/onStop и затухающей velocity); во время вращения кнопка должна быть задизейблена и раздизейблена только когда остановились все три барабана.
20. Усложнение к слот-машине: добавить базовую проверку на выигрыш — если все три значения совпали после остановки барабанов, вывести текст «вы победитель».
21. Как бы ты улучшил/оптимизировал текущий код слот-машины? Что можно вынести или отрефакторить?
22. Как реализовать проверку «три в ряд» для слот-машины — когда выпали последовательные цифры (например 1, 2, 3) и это тоже считается выигрышем?
23. Какие стандартные методы/способы глубокого копирования объектов в JavaScript ты знаешь?
24. Слышал ли ты про structuredClone?
25. Реализовать функцию deepCopy для глубокого копирования объекта в JavaScript: поддержать примитивы, объекты и массивы; прототипы и циклические ссылки можно игнорировать, вложенность конечная.
26. Что делает Object.create(null)? Если глубоко скопировать объект с null-прототипом нашей функцией deepCopy, будут ли прототипы копии и оригинала равны?
27. Чем бы ты сам хотел заниматься? Какая область деятельности тебя интересует?