#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>


相关文章
|
JavaScript 前端开发 API
Vue学习笔记3:对比纯JavaScript和Vue实现数据更新的实时视图显示
Vue学习笔记3:对比纯JavaScript和Vue实现数据更新的实时视图显示
|
Web App开发 前端开发 JavaScript
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
|
JavaScript 前端开发
【干货分享】JavaScript学习笔记分享
【干货分享】JavaScript学习笔记分享
156 0
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的云的学习笔记系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的云的学习笔记系统附带文章源码部署视频讲解等
152 0
|
移动开发 JavaScript 前端开发
webgl学习笔记3_javascript的HTML DOM
webgl学习笔记3_javascript的HTML DOM
193 0
webgl学习笔记3_javascript的HTML DOM
|
存储 JavaScript 前端开发
理解JavaScript中的WeakSet和WeakMap
理解JavaScript中的WeakSet和WeakMap
|
JavaScript 前端开发 Java
webgl学习笔记2_javascript基础快速学习
webgl学习笔记2_javascript基础快速学习
146 0
|
存储 缓存 JavaScript
javascript中的WeakMap和WeakSet
javascript中的WeakMap和WeakSet
|
定位技术
arcgisapi for javascript4.0学习笔记4.0新特性
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/gisdoer/article/details/51842547 arcgisapi for javascript4.
859 0
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
286 2

热门文章

最新文章