#yyds干货盘点# 【js学习笔记五十一】weakmap

简介: #yyds干货盘点# 【js学习笔记五十一】weakmap

前言


我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷


导语


WeakMap

图片.png

代码部分

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>WeakMap</title>
  </head>
  <body>
    <script>
      //WeakMap 对象是一组键/值对的集合,其中的键是弱引用的。其键必须是对象,而值可以是任意的。
      //WeakMap 的 key 只能是 Object 类型。 原始数据类型 是不能作为 key 的(比如 Symbol)
      const wm1 = new WeakMap(),
        wm2 = new WeakMap(),
        wm3 = new WeakMap()
      const o1 = {},
        o2 = function () {},
        o3 = window
      wm1.set(o1, 37)
      wm1.set(o2, 'azerty')
      wm2.set(o1, o2) // value可以是任意值,包括一个对象或一个函数
      wm2.set(o3, undefined)
      wm2.set(wm1, wm2) // 键和值可以是任意对象,甚至另外一个WeakMap对象
      wm1.get(o2) // "azerty"
      wm2.get(o2) // undefined,wm2中没有o2这个键
      wm2.get(o3) // undefined,值就是undefined
      wm1.has(o2) // true
      wm2.has(o2) // false
      wm2.has(o3) // true (即使值是undefined)
      wm3.set(o1, 37)
      wm3.get(o1) // 37
      wm1.has(o1) // true
      wm1.delete(o1)
      wm1.has(o1) // false
    </script>
  </body>
</html>


相关文章
|
3月前
|
存储 JavaScript 前端开发
【JavaScript】Set、Map、WeakSet、WeakMap
Set、Map、WeakSet和WeakMap是ES6引入的新的数据结构,它们在处理数据时具有不同的特性和用途。本文将详细介绍它们的用法、特性、区别、优缺点以及使用场景和注意事项,并给出相应的代码示例
45 0
|
1月前
|
存储 缓存 JavaScript
javascript中的WeakMap和WeakSet
javascript中的WeakMap和WeakSet
|
2月前
|
前端开发 JavaScript API
JavaScript学习笔记(一)promise与async
JavaScript学习笔记(一)promise与async
|
3月前
|
存储 缓存 JavaScript
什么是 JavaScript 中的 WeakMap
什么是 JavaScript 中的 WeakMap
14 0
|
3月前
|
存储 JavaScript
【ES6系列第二篇】适用JS初学者的Set对象和Map对象学习笔记
【ES6系列第二篇】适用JS初学者的Set对象和Map对象学习笔记
24 0
|
5月前
|
前端开发 JavaScript Python
javascript入门学习笔记打卡(2)
javascript入门学习笔记打卡(2)
22 0
|
6月前
|
JavaScript 前端开发 Java
带你读《现代Javascript高级教程》十二、深入理解JavaScript中的WeakMap和WeakSet(1)
带你读《现代Javascript高级教程》十二、深入理解JavaScript中的WeakMap和WeakSet(1)
|
6月前
|
存储 JavaScript 前端开发
带你读《现代Javascript高级教程》十二、深入理解JavaScript中的WeakMap和WeakSet(2)
带你读《现代Javascript高级教程》十二、深入理解JavaScript中的WeakMap和WeakSet(2)
|
6月前
|
JavaScript 前端开发 Java
带你读《现代Javascript高级教程》——深入理解JavaScript中的WeakMap和WeakSet(1)
带你读《现代Javascript高级教程》——深入理解JavaScript中的WeakMap和WeakSet
|
7月前
|
JavaScript
JS 学习笔记一 (基础)
JS 学习笔记一 (基础)
39 0