0Pricing
JavaScript Academy · Урок

Защитное программирование и проверка входных данных

Пишите небольшие проверки входных данных, используйте защитные условия, безопасный разбор, значения по умолчанию и простую проверку объектов, чтобы заранее предотвращать сбои

«Защитное программирование и проверка входных данных» — бесплатный урок JavaScript Academy на CoddyKit. Это урок 2 из 2. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения JavaScript Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс JavaScript Academy содержит 2 уроков всего.

Введение в защитные проверки

Цель: отбрасывать некорректный ввод как можно раньше, чтобы ошибки не распространялись.

  • Проверки типа и диапазона
  • Защитные условия
  • Безопасный разбор
  • Значения по умолчанию и простая проверка объектов
Защитное программирование и проверка входных данных — иллюстрация 1

Помощники для проверки типов

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

// Tiny type helpers
function isNumber(n) {
  return typeof n === "number" && Number.isFinite(n);
}

function isNonEmptyString(s) {
  return typeof s === "string" && s.trim().length > 0;
}

console.log("isNumber(3):", isNumber(3));
console.log("isNumber(NaN):", isNumber(NaN));
console.log("isNonEmptyString(\"\"):", isNonEmptyString(""));
console.log("isNonEmptyString(\"hi\"):", isNonEmptyString("hi"));
Защитное программирование и проверка входных данных — иллюстрация 2

Демонстрация защитного условия

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

// Guard clauses: return early if invalid
function buy(quantity) {
  if (!isNumber(quantity)) {
    console.log("Quantity must be a number");
    return;
  }
  if (quantity <= 0) {
    console.log("Quantity must be > 0");
    return;
  }
  console.log("Buying", quantity, "items");
}

buy(3);
buy("3");
buy(0);
Защитное программирование и проверка входных данных — иллюстрация 3

Разбор с запасным вариантом

Проверяйте результаты разбора. Если разбор не удался, возвращайте небольшой запасной вариант, а не допускайте аварийного завершения.

// Parse safely and use sensible defaults
function toInt(str, fallback = 0) {
  const n = parseInt(str, 10);
  if (!Number.isFinite(n)) {
    return fallback;
  }
  return n;
}

console.log("toInt(\"42\"):", toInt("42"));
console.log("toInt(\"7px\", -1):", toInt("7px", -1));
console.log("toInt(\"abc\", 0):", toInt("abc", 0));
Защитное программирование и проверка входных данных — иллюстрация 4

Значения по умолчанию и диапазоны

Используйте ?? для задания значений по умолчанию при null или неопределённом значении, а затем ограничивайте результат безопасным диапазоном.

// Defaults with ?? and simple range checks
function clampPercent(value) {
  // Use 0 as default when value is null or undefined
  const v = (value ?? 0);

  if (!isNumber(v)) {
    return 0;
  }
  // Clamp into 0..100
  const clamped = Math.min(100, Math.max(0, v));
  return clamped;
}

console.log(clampPercent(undefined));
console.log(clampPercent(120));
console.log(clampPercent(-5));
console.log(clampPercent(55));
Защитное программирование и проверка входных данных — иллюстрация 5

Проверка структуры объекта

Проверяйте обязательные поля и простые диапазоны; возвращайте небольшой объект результата, например { успех, причина }.

// Simple object validation
function validateUser(u) {
  if (u == null || typeof u !== "object") {
    return { ok: false, reason: "User must be an object" };
  }
  if (!isNonEmptyString(u.name)) {
    return { ok: false, reason: "name required" };
  }
  if (!isNumber(u.age) || u.age < 0) {
    return { ok: false, reason: "age must be a number >= 0" };
  }
  return { ok: true };
}

console.log("good:", validateUser({ name: "Ayla", age: 21 }));
console.log("bad:", validateUser({ name: "", age: -1 }));
Защитное программирование и проверка входных данных — иллюстрация 6

Проверка защитных условий

Быстрая проверка: защитная обработка ввода.

Защитное программирование и проверка входных данных — иллюстрация 7

Повторение

Повторение: используйте небольшие помощники для проверки типов, защитные условия, безопасный разбор с запасными вариантами, значения по умолчанию для null, ограничение диапазона и простую проверку объектов, чтобы останавливать ошибки на раннем этапе.

Защитное программирование и проверка входных данных — иллюстрация 8

Часто задаваемые вопросы

Урок «Защитное программирование и проверка входных данных» бесплатный?

Да — полный текст урока «Защитное программирование и проверка входных данных» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс JavaScript Academy, подпишись на CoddyKit PRO. Курс JavaScript Academy содержит 2 уроков всего.

Чему я научусь в уроке «Защитное программирование и проверка входных данных»?

Пишите небольшие проверки входных данных, используйте защитные условия, безопасный разбор, значения по умолчанию и простую проверку объектов, чтобы заранее предотвращать сбои Ты практикуешь JavaScript Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.

Нужен ли мне опыт, чтобы начать JavaScript Academy?

Предыдущий опыт не требуется. JavaScript Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 2 из 2.

Сколько времени занимает урок «Защитное программирование и проверка входных данных»?

Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.

Можно ли писать и запускать код в этом уроке JavaScript Academy?

Да. Каждый урок JavaScript Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.

Все уроки этого курса

  1. try/catch/finally, throw и пользовательские ошибки
  2. Защитное программирование и проверка входных данных
← Назад к JavaScript Academy