Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

Документы

Медиа

Назад
Вопрос про JavaScript: javascript, cache, map, performance

Как реализовать кэширование данных без библиотек?

Вопрос проверяет умение самостоятельно реализовать простое кэширование данных в JavaScript.

Короткий ответ

Кэширование можно реализовать с помощью объекта или Map, сохраняя данные по ключу и возвращая их при повторных запросах. Это снижает количество повторных вычислений или запросов к серверу.

Длинный ответ

Кэширование — это сохранение результатов работы для повторного использования.

Основные шаги реализации:

  1. Выбор структуры данных

    • Object или Map для простых случаев.

  2. Логика сохранения
    При первом запросе результат вычисляется и сохраняется.

  3. Логика получения
    При повторном запросе результат берется из кэша.

Пример:

function createCache() {
  const cache = new Map();
  return function(key, computeFn) {
    if (cache.has(key)) {
      return cache.get(key);
    }
    const result = computeFn();
    cache.set(key, result);
    return result;
  };
}

const getData = createCache();

console.log(getData('user', () => ({ name: 'Alice' })));
console.log(getData('user', () => ({ name: 'Bob' }))); // Возьмет из кэша

Вывод:
Реализовать кэширование в JS можно без библиотек, используя Map или Object, что повышает производительность при повторных обращениях.

Уровень

  • Рейтинг:

    2

  • Сложность:

    7

Навыки

  • JavaScript

    JavaScript

Ключевые слова

#javascript

#cache

#map

#performance

Подпишись на React Developer в телеграм