Логотип YeaHub

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

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

Тренажёр

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

Обучение

Навыки

Задачи

Войти

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

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

© 2026 YeaHub

AI info

Карта сайта

Документы

Медиа

Назад
Вопрос про 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, что повышает производительность при повторных обращениях.

Frontend developer

tech
tech
tech
tech
tech
tech
tech
tech
tech

Ментор по Frontend

Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства

Записаться на консультацию

Уровень

  • Рейтинг:

    2

  • Сложность:

    7

Навыки

  • JavaScript

    JavaScript

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

#javascript

#cache

#map

#performance

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

Frontend developer

tech
tech
tech
tech
tech
tech
tech
tech
tech

Ментор по Frontend

Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства

Записаться на консультацию