javaScript-Map/weakMap

Posted 2021-07-19 火腿肠烧烤大赛冠军

什么是map

• map就是可以将函数、数字、对象作为对象的键值存储的数据结构
• let nap = new Map(function(){},‘1234’);
• let nap = new Map();nap.set(function(){},‘1234’);
  
  突然发现这样的链式操作很好
  可以对类似的函数进行封装，如果需要调用即可

map的一些方法

• 创建：let map = new Map();
• 删除：map.delete();
• 彻底删除：map.clear();
• 检索：map.has();
• 遍历：

1. map.keys();
2. map.values();
3. map.entries();
4. for—of;
5. forEach();

使用map保存DOM元素

    let map = new Map();
    document.querySelectorAll("div").forEach(item => {
      map.set(item, {
        content: item.getAttribute("name")
      });
      console.log(item.getAttribute("name"));
    });
    console.log(map);
    map.forEach((config, elem) => {
      elem.addEventListener("click", () => {
        alert(config.content);
      });
    });

weakMap

• 与set/weakSet类似，键值只能为引用类型
• 弱类型
• 在设置weakmap时如果这样设置{url}会自动生成键值为url（ps：url为变量）