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

Question

Маяк · Accepted Answer

1. Расскажите про свой опыт: чем вы занимались на последнем месте работы?
2. Какого плана задачи вам были интересны на последнем месте работы: продуктовые, инфраструктурные, работа с legacy, вёрстка?
3. Какие значения будут выведены в консоли и почему? Несколько сниппетов на передачу аргументов в функцию: переприсваивание примитивного аргумента (var n = 1; внутри функции n = 3), мутация свойства переданного объекта (obj.a = 5), полное переприсваивание аргумента-объекта внутри функции (o = 'Hello'), и вариант с заменой объекта с новым свойством.
4. Что будет выведено в консоль и почему? Задача на замыкания: внешняя функция outer с let x = 0 возвращает функцию inner, которая делает x = x + 1; есть также глобальная переменная x = 20; inner вызывается несколько раз, затем выводится глобальный x.
5. Расскажите про контекст выполнения функции (this) в JavaScript: чем отличается this у обычной и стрелочной функции, когда определяется значение this?
6. Реализуйте React-компонент: квадрат размером 10 на 10 пикселей, у которого цвет меняется по клику в последовательности серый → красный → зелёный, зациклено.
7. Есть ли разница, хранить в состоянии сам цвет или индекс цвета в массиве?
8. Почему вы не обернули функцию handleClick в useCallback?
9. Можно ли в этом компоненте избавиться от стейта и просто хранить значение индекса в обычной переменной?
10. Дана асинхронная функция auth, которая принимает колбэк-обработчик с сигнатурой (error, data). Напишите функцию, которая выполняет auth, но возвращает промис (промисификация колбэк-функции).
11. На базе промисифицированной функции напишите функцию tryAuth, которая при возникновении ошибок делает дополнительно n попыток получить данные, а если все попытки исчерпаны — пробрасывает последнюю ошибку наружу.
12. Есть ли разница, уменьшать напрямую параметр n внутри функции или скопировать его значение в отдельную переменную и менять её?
13. Чем отличается throttle от debounce? Объясните поведение обеих функций на примере ввода в инпут.
14. Реализуйте функцию throttle(fn, delay), которая возвращает обёртку, вызывающую fn не чаще одного раза в delay миллисекунд, с поддержкой аргументов и сохранением контекста this.
15. Почему вам интересно собеседоваться в ОК?