面试官：怎样使 localStorage 支持设置过期时间？

在前端开发中，localStorage 是一个常用的本地存储机制，但它本身并不支持直接设置过期时间。然而，通过一些巧妙的方法，我们可以实现类似于设置过期时间的功能。

一种常见的解决方案是结合使用 localStorage 和时间戳。当我们存储数据时，同时存储一个表示数据创建时间的时间戳。在获取数据时，通过比较当前时间和存储的时间戳来判断数据是否过期。

例如，我们可以创建一个函数来实现存储数据和设置过期时间的功能：

function setLocalStorageWithExpiry(key, value, expiryInSeconds) {
  const data = {
    value: value,
    timestamp: Date.now()
  };
  localStorage.setItem(key, JSON.stringify(data));

  setTimeout(() => {
    localStorage.removeItem(key);
  }, expiryInSeconds * 1000);
}

在这个函数中，我们将数据和时间戳一起存储，并使用 setTimeout 来在指定的过期时间后删除存储的数据。

获取数据时，我们需要检查数据是否过期：

function getLocalStorageWithExpiry(key) {
  const data = JSON.parse(localStorage.getItem(key));
  if (data && Date.now() - data.timestamp < data.expiryInSeconds * 1000) {
    return data.value;
  } else {
    localStorage.removeItem(key);
    return null;
  }
}

另一种方法是利用数据库或索引数据库（IndexedDB）来实现更复杂的过期策略。虽然这种方法相对复杂，但可以提供更强大和灵活的过期管理功能。

虽然 localStorage 本身不具备设置过期时间的原生功能，但通过结合时间戳和定时操作，或者借助更复杂的数据库技术，我们能够有效地模拟出类似的效果，以满足实际开发中的需求。在处理过期数据时，要注意性能和兼容性，确保在各种浏览器环境中都能稳定运行。根据具体的项目需求和场景，选择最合适的解决方案，以达到最佳的用户体验和开发效率。