Знаете, что функция может сама запоминать свои результаты и работать в десятки раз быстрее?

Это называется мемоизация — приём, когда результаты вычислений кешируются и повторно не считаются.

Часто пишут лишние конструкции:

function slowFn(x) {
  if (!cache[x]) cache[x] = x ** 2;
  return cache[x];
}

Но в JavaScript есть Map, он делает это в одну строку, безопасно и элегантно:

const slowFn = x => cache.get(x) ?? cache.set(x, x ** 2).get(x);

Здесь ?? проверяет наличие значения, а Map гарантирует надёжность даже для сложных ключей — объектов, массивов, функций.

📣 JS Ready | #совет

Реактивный объект на JavaScript!

Реализуем объект, который отслеживает обращения к своим свойствам и изменения данных — пример работы с метапрограммированием и механизмом Proxy.

Создаём исходный объект:

const user = { name: "Alex", age: 25 };

Сначала определим реакцию на чтение данных:

const reactive = new Proxy(user, {
  get(target, key, receiver) {
    if (typeof key === "symbol") return Reflect.get(target, key, receiver);
    console.log(`Чтение: ${String(key)}`);
    return Reflect.get(target, key, receiver);
  },

Теперь добавим обработку изменений свойств:

  set(target, key, value, receiver) {
    if (typeof key !== "symbol") {
      console.log(`Изменение: ${String(key)} = ${value}`);
    }
    return Reflect.set(target, key, value, receiver);
  }
});

Проверяем поведение:

reactive.name;     // Чтение: name
reactive.age = 30; // Изменение: age = 30

🔥 Такой подход лежит в основе реактивных систем и используется для отслеживания состояния без дополнительных обёрток.

📣 JS Ready | #практика