刷新时清除会话存储 - Javascript

在使用 JavaScript 进行会话存储时，我们通常使用 localStorage 或 sessionStorage 来存储数据。但是，当用户刷新页面时，这些存储在浏览器中的数据并不会被清除。如果某些数据需要在用户每次访问页面时被重置，那么就需要在页面刷新时清除会话存储。

清除 sessionStorage

要清除 sessionStorage 中的数据，可以使用 sessionStorage 的 clear() 方法。在页面刷新时，可以添加一个事件监听器，该监听器会在 window 对象的 beforeunload 事件被触发时调用 clear() 方法。

window.addEventListener('beforeunload', function() {
  sessionStorage.clear();
});

清除 localStorage

与 sessionStorage 不同的是，localStorage 的数据并不会在页面关闭或刷新时自动清除。所以，在使用 localStorage 存储数据时，需要手动编写清除逻辑。

function clearLocalStorage() {
  let storageItems = Object.keys(localStorage);
  for (let i = 0; i < storageItems.length; i++) {
    let key = storageItems[i];
    // 判断当前 key 是否需要被清除
    if (needToClear(key)) {
      localStorage.removeItem(key);
    }
  }
}

function needToClear(key) {
  // 判断当前 key 是否需要被清除，根据需求实现该函数的逻辑
  return true;
}

window.addEventListener('beforeunload', clearLocalStorage);

在以上代码片段中，clearLocalStorage() 函数会遍历 localStorage 中的所有数据，并根据项目需求判断是否清除。needToClear() 函数是根据实际需求实现的，用来判断哪些数据应该被清除。

以上就是刷新时清除会话存储的两种方法，根据项目需求选择适合的方法即可。