Code Lab е в разработка. Постепенно добавяме нови уроци и подобрения. Прогресът може да бъде изтрит.
Зареждане…
Code Lab е в разработка. Постепенно добавяме нови уроци и подобрения. Прогресът може да бъде изтрит.
Зареждане…
Code Lab е в разработка. Постепенно добавяме нови уроци и подобрения. Прогресът може да бъде изтрит.
JAVASCRIPT STORAGE / CHAPTER 06 / Учене / LESSON 06
Теория. Браузърът има Web Storage: малка таблица ключ → низ, която остава след презареждане. Тя има четири основни метода: getItem(key), setItem(key, value), removeItem(key), clear(). Стойностите са САМО низове (затова JSON за обекти).
ВАЖНО в Code Lab: sandbox-ът няма достъп до истинския localStorage. Всички уроци ползват window.labStorage — същото API, но в изолирана памет за урока. В истинска страница ще пишеш localStorage със същите извиквания. НЕ пиши localStorage в тези задачи — ще получиш грешка.
Малки примери:
window.labStorage.setItem("lang", "bg"); window.labStorage.getItem("lang"); // "bg" window.labStorage.getItem("nope"); // null (липсващ ключ) window.labStorage.getItem("empty"); // "" (ключ с празен низ) window.labStorage.removeItem("lang");
null и "" са РАЗЛИЧНИ: null значи "няма запис", "" значи "има запис, но е празен".
Не съхранявай пароли, токени и лични тайни в браузърно хранилище — всеки скрипт на страницата може да ги прочете.
Честа грешка: if (!getItem(k)) — смесва липсващо и празно; запис на число без String; localStorage вместо labStorage тук.
<p id="out"></p>{
"theme": "dark",
"old": "1",
"empty": ""
}getItem връща null за липсващ ключ и "" за ключ с празен низ — различни състояния.
(празно)Натисни Run — HTML се зарежда в sandbox iframe; Stop маха iframe-а (спира и безкраен цикъл).
›