☕️ JavaScript Questions — огромная коллекция вопросов и ответов по JS!

От хитрых нюансов типов данных и замыканий до глубокой логики this и работы событийного цикла - здесь разжёвано то, что обычно путает даже опытных разработчиков. Каждый пример сопровождается пояснением!

Оставляю ссылочку: GitHub 📱

📣 JS Ready | #репозиторий

😎 YeaHub — база знаний по всем IT-направлениям!

Здесь собрана огромная база реальных вопросов по бэкенду, DevOps, Data Science и другим направлениям. Всё структурировано по темам и приближено к формату собеседований в компаниях. Это именно тот ресурс, который нужно держать под рукой!

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

📣 JS Ready | #ресурс

Разбираем Optional chaining для методов с аргументами!

Optional chaining (?.()) позволяет безопасно вызывать методы с параметрами, даже если объект или метод отсутствует. Это устраняет необходимость в проверках if или try/catch и делает код компактным и надёжным.

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

const user = {
  name: "Alice",
  greet(msg) { console.log(`${msg}, ${this.name}!`); }
};
const guest = { name: "Guest" };

Вызываем метод с аргументом безопасно:

user.greet?.("Hello");  // Hello, Alice!
guest.greet?.("Hello"); // ничего не происходит

Динамический вызов метода через переменную:

const methodName = "greet";
user[methodName]?.("Hi");  // Hi, Alice!
guest[methodName]?.("Hi"); // безопасно, ошибки нет

Используем цепочки методов безопасно:

const bio = user.profile?.getBio?.();
console.log(bio); // undefined, если profile или getBio отсутствует

🔥 Это делает код компактным, безопасным и полностью динамичным. Подходит для работы с внешними данными и API.

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

Генерируем безопасные API-токены с Crypto API

Создадим токен используя случайную соль, timestamp и криптографически безопасные функции.

Импортируем библиотеку и создаём генератор случайной соли:

// Node.js
const crypto = require("crypto");

function generateSalt(length = 16) {
  return crypto.randomBytes(length); // → случайная соль (байты)
}

Формируем HMAC-токен с секретным ключом, сообщением и включаем timestamp:

function generateToken(secretKey, message) {
  const salt = generateSalt().toString("base64url");
  const ts = Math.floor(Date.now() / 1000); // timestamp токена
  const payload = `${salt}.${ts}.${message}`;
  const sig = crypto.createHmac("sha256", secretKey)
    .update(payload)
    .digest("base64url");
  return `${salt}.${ts}.${sig}`;
}

Проверяем генерацию токенов для разных сообщений:

const secret = "supersecretkey";
["user1", "user2", "admin"].forEach(msg => {
  console.log(generateToken(secret, msg));
});
// пример: AbC123...1694698123...QxYz09...

🔥 timestamp нужен для проверки срока действия токена. При валидации сравниваем его с текущим временем и отклоняем устаревшие токены.

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