JavaScript 中怎么使用 Map 实现高效的缓存数据存储-js教程-PHP中文网

map比普通对象更适合做缓存，因其键支持任意类型（如函数、对象）、迭代有序、无原型属性干扰；simplecache类基于map实现ttl过期控制；lru可利用map插入顺序天然特性简化实现。

javascript 中怎么使用 map 实现高效的缓存数据存储

用 Map 实现缓存，核心是利用其 O(1) 的键值查找性能 和对任意类型键的支持，比普通对象更灵活、更可靠。

为什么 Map 比普通对象更适合做缓存

普通对象的键只能是字符串或 Symbol，而 Map 允许函数、对象、数组甚至 DOM 元素作为键——这对缓存「参数组合」或「实例方法调用结果」非常关键。同时，Map 的迭代顺序与插入顺序一致，且不继承原型属性，避免了意外的 key 冲突（比如 hasOwnProperty 被误当缓存键）。

基础缓存类封装（带过期控制）

一个实用的缓存类需支持设置、获取、删除和自动清理过期项：

用 Map 存储 [key, { value, expiresAt }] 结构
每次 get 前检查是否过期，过期则自动删除并返回 undefined
set 支持传入毫秒级 TTL（Time To Live），默认永不过期

示例代码：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

class SimpleCache {
  constructor() {
    this.cache = new Map();
  }
  set(key, value, ttl = Infinity) {
    const expiresAt = ttl === Infinity ? Infinity : Date.now() + ttl;
    this.cache.set(key, { value, expiresAt });
  }
  get(key) {
    const item = this.cache.get(key);
    if (!item) return undefined;
    if (item.expiresAt !== Infinity && Date.now() > item.expiresAt) {
      this.cache.delete(key);
      return undefined;
    }
    return item.value;
  }
  delete(key) {
    return this.cache.delete(key);
  }
  clear() {
    this.cache.clear();
  }
}