React Frontend Developer

Question 1

Есть ли у стрелочной функции методы call, apply и bind?

Accepted Answer

Стрелочные функции могут использовать методы call, apply и bind, но эти методы не изменяют контекст this внутри стрелочной функции. В отличие от обычных функций, стрелочные функции наследуют значение this из своей внешней области видимости (лексический контекст), и методы call, apply и bind не могут его изменить.

Question 2

Методы call, apply, bind — для чего они нужны?

Accepted Answer

Методы call и apply позволяют вызвать функцию с заданным значением this, но call передаёт аргументы через запятую, а apply — в виде массива. Метод bind возвращает новую функцию с фиксированным значением this, которая может быть вызвана позже. Эти методы полезны для контроля контекста выполнения функции, особенно при работе с методами объектов.

Question 3

Для чего нужны callback и что такое Callback Hell?

Accepted Answer

Колбэк (callback) — это функция, которая передается другой функции в качестве аргумента и вызывается позже, когда произойдет какое-то событие или завершится операция. Проблема "Callback Hell" возникает, когда функции начинают вкладываться друг в друга слишком глубоко, что делает код трудночитаемым и сложным для поддержки.

Question 4

Отличие useMemo от useCallback.

Accepted Answer

useMemo и useCallback оба предназначены для оптимизации производительности в React, но служат разным целям. useMemo запоминает вычисленные значения, а useCallback запоминает функции. Это позволяет избежать лишних вычислений и создания функций при каждом рендере компонента.

Question 5

Для чего нужны useMemo и useCallback? Как работает мемоизация?

Accepted Answer

useMemo: Кэширует результат вычислений, пересчитывая только при изменении зависимостей.useCallback: Кэширует функцию, предотвращая её пересоздание.Оба помогают избежать лишних ререндеров.

Question 6

У нас на сцене тысяча 3D-объектов с одинаковым мешем, но разными материалами — сколько будет draw calls и как это оптимизировать?

Accepted Answer

Будет 1000 draw calls — по одному на каждый материал. Для оптимизации используйте GPU Instancing для одинаковых мешей, объединяйте материалы через texture atlasing, или применяйте Static/Dynamic batching. Это сократит draw calls до минимума.

Question 7

Что такое draw call и как уменьшить их количество?

Accepted Answer

Draw call — это команда GPU «отрисуй этот объект с этим материалом». Много draw calls замедляют игру, особенно на мобильных устройствах. Уменьшить их можно с помощью batching (Static/Dynamic), объединения мешей, атласа текстур, сокращения материалов, GPU Instancing, SRP Batcher и упрощения рендера. Главное — минимизировать количество уникальных материалов и переключений состояния рендера.

Question 8

В чём разница между Runnable и Callable?

Accepted Answer

Runnable описывает задачу без возвращаемого результата. Callable может возвращать результат и выбрасывать проверяемые исключения. Runnable используется в простых сценариях. Callable чаще применяют вместе с пулами потоков. Выбор зависит от того, нужен ли результат выполнения.

Question 9

Что такое call stack?

Accepted Answer

Call stack — это структура данных, которая хранит информацию о вызовах функций. JavaScript добавляет функции в стек при вызове и удаляет их после завершения. Код выполняется строго сверху вниз, по принципу LIFO. Call stack помогает отслеживать, какая функция выполняется в данный момент. Переполнение стека приводит к ошибке.

Question 10

Гарантирует ли setTimeout выполнение callback ровно через заданное время?

Accepted Answer

setTimeout не гарантирует выполнение callback ровно через указанное время. Он гарантирует, что callback не выполнится раньше, чем пройдёт заданная задержка. После истечения задержки callback попадает в очередь задач и будет выполнен, когда освободится call stack. На фактическое время влияет нагрузка, блокировки и приоритеты очередей. Поэтому таймер часто срабатывает позже.

Вопросы React Frontend Developer