AngularJS 中会话存储、本地存储和 Cookie 的区别

AngularJS 是一种流行的前端开发框架，它提供了许多功能和工具来简化开发过程。在 AngularJS 中，会话存储、本地存储和 Cookie 是三种常用的数据存储方式。虽然它们都可以用于存储数据，但它们之间存在一些区别。本文将介绍这些区别，并提供一些案例代码来说明它们的用法。

javascript
// 设置会话存储数据
sessionStorage.setItem('username', 'John');
// 获取会话存储数据
var username = sessionStorage.getItem('username');
console.log(username); // 输出 "John"
// 删除会话存储数据
sessionStorage.removeItem('username');

javascript
// 设置本地存储数据
localStorage.setItem('username', 'John');
// 获取本地存储数据
var username = localStorage.getItem('username');
console.log(username); // 输出 "John"
// 删除本地存储数据
localStorage.removeItem('username');

javascript
// 设置 Cookie
document.cookie = "username=John; expires=Thu, 18 Dec 2023 12:00:00 UTC; path=/";
// 获取 Cookie
var cookies = document.cookie.split(';');
for (var i = 0; i < cookies.length; i++) {
  var cookie = cookies[i].trim();
  if (cookie.indexOf('username=') === 0) {
    var username = cookie.substring('username='.length, cookie.length);
    console.log(username); // 输出 "John"
    break;
  }
}
// 删除 Cookie
document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";