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

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

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

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 | #практика

👩‍💻 Нужно быстро понять, что происходит в коде?

Console Ninja — расширение, которое выводит результаты console.log, warn и error прямо рядом со строками, где они вызываются. Видите значения переменных мгновенно, не отвлекаясь от кода. Особенно удобно при работе с React, Vue или Node.js, дебаг становится наглядным и быстрым.

📣 JS Ready | #vscode

Случайное блуждание по сетке на JavaScript!

Создадим простой алгоритм, который строит случайный маршрут по сетке — базовый элемент для игр, генераторов карт и симуляций случайных процессов.

Задаём размеры и стартовую позицию:

const size = 5;
let x = 0, y = 0;
const path = [[x, y]];

Возможные шаги:

const moves = [
  [1, 0], [-1, 0],
  [0, 1], [0, -1]
];

Генерируем маршрут:

for (let i = 0; i < 10; i++) {
  const [dx, dy] = moves[Math.floor(Math.random() * moves.length)];
  const newX = x + dx;
  const newY = y + dy;

Проверяем, чтобы не выходить за границы:

  if (newX >= 0 && newX < size && newY >= 0 && newY < size) {
    x = newX;
    y = newY;
    path.push([x, y]);
  }
}

Выводим результат:

console.table(path);

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

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