一、知识点

SWR（Stale While Refreshing，当数据过期时刷新）机制是一种缓存策略，用于在数据过期时刷新数据，同时保持数据的一致性。SWR 机制允许缓存中的数据在过期时保持一致，直到新的数据被加载到缓存中。

二、思路分析

实现 SWR 机制的主要步骤如下：

1. 创建一个队列数据结构，用于存储待刷新的数据。
2. 当访问一个新的数据时，将其添加到队列的头部。
3. 当数据过期时，从队列头部删除该数据，并将其标记为刷新中。
4. 当数据刷新完成后，将其添加到队列的尾部。

三、JavaScript解答

下面是一个使用 JavaScript 实现 SWR 机制的示例：

class SWRCache {
  constructor() {
    this.cache = new Map();
    this.queue = [];
  }

  get(key) {
    if (!this.cache.has(key)) {
      return undefined;
    }

    return this.cache.get(key);
  }

  put(key, value, ttl) {
    this.cache.set(key, value);
    this.queue.push({ key, ttl });

    se