js 获取最新session

在JavaScript中获取最新的session信息，通常涉及到sessionStorage或cookies的使用。以下是相关的基础概念、优势、类型、应用场景以及如何获取最新session的方法：

基础概念

SessionStorage: 是Web Storage API的一部分，提供了一种方式来存储数据在浏览器会话期间。数据在页面会话期间一直存在，重新加载或恢复页面会保留sessionStorage中的数据，但关闭浏览器标签或窗口后数据会被清除。
Cookies: 是存储在用户浏览器中的小型数据片段，可以设置过期时间，用于跟踪用户会话、保存用户偏好等。

优势

SessionStorage:
- 数据不会自动过期，除非用户关闭浏览器。
- 数据只在当前窗口或标签页有效，不会在不同窗口或标签页间共享。
- 存储容量较大（通常为5MB）。
Cookies:
- 可以设置过期时间，数据可以长期保存。
- 可以在服务器端读取，适用于需要服务器处理的场景。

类型

SessionStorage: 只有一种类型，即存储在浏览器会话期间的键值对数据。
Cookies: 可以设置不同的属性，如expires、path、domain、secure等。

应用场景

SessionStorage: 适用于存储临时数据，如表单输入、分页状态等。
Cookies: 适用于存储用户偏好、会话标识符、跟踪用户行为等。

获取最新session的方法

使用SessionStorage

// 设置sessionStorage
sessionStorage.setItem('key', 'value');

// 获取sessionStorage
const value = sessionStorage.getItem('key');
console.log(value); // 输出: value

// 更新sessionStorage
sessionStorage.setItem('key', 'new value');
const updatedValue = sessionStorage.getItem('key');
console.log(updatedValue); // 输出: new value

使用Cookies

// 设置cookie
document.cookie = "key=value; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";

// 获取cookie
function getCookie(name) {
  const value = `; ${document.cookie}`;
  const parts = value.split(`; ${name}=`);
  if (parts.length === 2) return parts.pop().split(';').shift();
}

const value = getCookie('key');
console.log(value); // 输出: value

// 更新cookie
document.cookie = "key=new value; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";
const updatedValue = getCookie('key');
console.log(updatedValue); // 输出: new value