В чём разница между cookie, localStorage и sessionStorage?

Все три механизма позволяют хранить данные на стороне браузера, но отличаются по характеру и объёму хранения. **Cookie** – небольшие (до ~4KB) строки, которые отправляются на сервер с каждым HTTP-запросом (если не указаны флаги, запрещающие это). Куки обычно имеют время жизни и используются для сессий, авторизации. **localStorage** – веб-хранилище, хранящее пары ключ-значение (строки) без автоматической отправки на сервер; данные localStorage сохраняются даже после закрытия браузера и доступны на том же домене при последующих посещениях. Объём localStorage значительно больше (порядка нескольких мегабайт). **sessionStorage** похож на localStorage, но \"живёт\" только в пределах одной сессии (данные хранятся пока открыт вкладка/окно браузера). После закрытия вкладки sessionStorage очищается. Итого: cookie – для общения с сервером (и для данных, которым нужен доступ на сервере), localStorage – для долгосрочного хранения на клиенте, sessionStorage – для хранения на время сессии.