Код IT
← Каталог

Основы веб-разработки и типичные оплошности — Заблуждения в JavaScript

Фрагмент из «Основы веб-разработки и типичные оплошности»: Заблуждения в JavaScript.

javascript dev-debugencyclopedia1114 embed URL статья в энциклопедии
JavaScript main.js
// Ошибочный подход
var data = fetchData();
if (data == "") {
  document.body.innerHTML += "<div>Пусто</div>";
}

// Корректный подход
const data = await fetchData();
if (data === "") {
  const fragment = document.createDocumentFragment();
  const div = document.createElement("div");
  div.textContent = "Пусто";
  fragment.appendChild(div);
  document.body.appendChild(fragment);
}
// Ошибочный подход
var data = fetchData();
if (data == "") {
  document.body.innerHTML += "<div>Пусто</div>";
}

// Корректный подход
const data = await fetchData();
if (data === "") {
  const fragment = document.createDocumentFragment();
  const div = document.createElement("div");
  div.textContent = "Пусто";
  fragment.appendChild(div);
  document.body.appendChild(fragment);
}