📂 Напоминалка для работы с JavaScript!

Например, let и const используются для корректного объявления переменных, map и forEach — для обработки массивов, а includes и split помогают при работе со строками.

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

Сохрани, чтобы не забыть!

📣 JS Ready | #ресурс

Выполнение опциональных колбэков!

Очень частая ситуация: колбэк может быть передан, а может и нет.

Обычно код обрастает проверками:

if (typeof onClose === 'function') {
  onClose();
}

В современном JS это решается одной операцией - optional chaining для вызова функций:

onClose?.();

То же самое работает с аргументами и вложенными объектами:

options.onError?.(err);

Если функции нет - ничего не происходит, без ошибок и лишнего кода.

Особенно хорошо читается в UI, хендлерах и SDK:

props.onSubmit?.(data);

🔥 ?.() - короткий и безопасный способ вызывать опциональные функции без проверок.

📣 JS Ready | #совет

❤️ Crockford — материалы человека, который сыграл ключевую роль в развитии JS!

Здесь собраны статьи и материалы программиста, который сыграл огромную роль в развитии JS и придумал JSON. Крокфорд объясняет, где в JS сильные стороны, где опасные места и какие подходы реально работают в долгосрочной перспективе. Это хороший ресурс, если ты уже знаешь основы и хочешь лучше понять логику его дизайна и то, как писать более надёжный и понятный код.

📌 Оставляю ссылочку: crockford.com

📣 JS Ready | #ресурс

😕 Нашёл классную пошаговую статью на Хабре про создание Telegram‑бота на чистом JavaScript!

В этой статье:
• Использование библиотеки grammY для работы с Telegram‑ботом;
• Конфигурация проекта;
• Как настроить клавиатуры, context‑объект и обработку ошибок;
• Инструкция по деплою бота на сервер;

🔊 Продолжай читать на Habr!

📣 JS Ready | #статья

Итерация по объекту как по массиву пар с Object.entries()!

for...in перебирает enumerable строковые ключи, включая унаследованные — такие итерации требуют фильтрации через Object.hasOwn() или hasOwnProperty().

Если нужны только собственные enumerable строковые ключи — удобнее сразу использовать Object.entries().

Object.entries() возвращает пары own enumerable string-keyed свойств (без Symbol, без non-enumerable):

const user = {
  name: "Alex",
  age: 30,
  role: "developer"
};

for (const [key, value] of Object.entries(user)) {
  console.log(`${key}: ${value}`);
}

Распространённый кейс — валидации перед запуском бизнес-логики (например, запретить undefined в значениях):

Object.entries(user).forEach(([k, v]) => {
  if (v === undefined) {
    throw new Error(`Значение "${k}" не должно быть undefined`);
  }
});

Map оправдан, когда нужны частые set/delete, map.size, не-строковые ключи или словарная структура без ограничений объекта:

const userMap = new Map(Object.entries(user));
console.log(userMap.get("role"));

Нормализация объекта в массив DTO для API или записи в БД:

const dto = Object.entries(user).map(([field, value]) => ({
  field,
  value,
  updatedAt: new Date().toISOString()
}));

console.log(dto);

🔥 Такой подход делает обработку объекта структурной и удобной для масштабирования логики.

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

🤓 Напоминалка для работы с Git

Если кто не знает, Git — это система контроля версий, которая помогает отслеживать историю изменений в файлах.

Например с помощью команды git pull, можно загружать удаленные репозитории к себе на ПК, чтобы вести разработку локально, не затрагивая продуктовую или dev ветку.

Сохрани в избранное, чтобы не забыть!

📣 JS Ready | #ресурс

📂 Напоминалка по объявлениям функций!

Например, Function Declaration поддерживает hoisting и доступна до места объявления, а Arrow Function предоставляет более компактный синтаксис и иной механизм работы с контекстом this.

На картинке — 4 основных способа объявления функций в JavaScript, которые необходимо уверенно понимать и применять в повседневной разработке.

Сохрани, чтобы не забыть!

📣 JS Ready | #ресурс

Проверяем наличие свойства!

Очень часто нужно проверить, есть ли поле именно в объекте, а не где-то в прототипе. Многие пишут так:

'id' in data;

Но in возвращает true, даже если свойство прилетело из прототипа.

Другой классический вариант - obj.hasOwnProperty, но он небезопасен:

data.hasOwnProperty('id'); // может не существовать

Особенно если объект создан через Object.create(null) или поле переопределено.

Правильный и нативный способ Object.hasOwn:

Object.hasOwn(data, 'id');

Он работает корректно независимо от прототипа.

Очень хорошо ложится на проверки данных, API-ответы и конфиги:

if (Object.hasOwn(config, 'timeout')) {
  applyTimeout(config.timeout);
}

🔥 Object.hasOwn — отличный способ проверить наличие свойства в объекте, не задевая прототип.

📣 JS Ready | #совет