首页 > 其他分享 >【js学习笔记五十二】weakmap的应用

【js学习笔记五十二】weakmap的应用

时间:2023-07-24 14:31:53浏览次数:50  
标签:function oBtnMap const 歌谣 weakmap js oBtn2 五十二 oBtn1


 

目录


前言

导语

 代码部分


前言

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

导语

WeakuMap

【js学习笔记五十二】weakmap的应用_ES6

【js学习笔记五十二】weakmap的应用_ES6_02编辑

 代码部分

<!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>
    //ES6语法 利用weakMap避免内存泄露
    const oBtn1 = document.querySelector('#btn1');
    const oBtn2 = document.querySelector('#btn2');

    const oBtnMap = new WeakMap();

    //弱引用
    oBtnMap.set(oBtn1, handleBtn1Click);
    oBtnMap.set(oBtn2, handleBtn2Click);


    oBtn1.addEventListener('click', oBtnMap.get(oBtn1), false);
    oBtn2.addEventListener('click', oBtnMap.get(oBtn2), false);

    function handleBtn1Click() {}

    function handleBtn2Click() {}

    oBtn1.remove();
    oBtn2.remove();
  </script>
</body>

</html>

【js学习笔记五十二】weakmap的应用_html_03

标签:function,oBtnMap,const,歌谣,weakmap,js,oBtn2,五十二,oBtn1
From: https://blog.51cto.com/u_14476028/6835008

相关文章

  • 【js学习笔记五十一】weakmap
     目录前言导语 代码部分前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷导语WeakMap编辑 代码部......
  • 面对对象还是基于对象傻傻分不清楚,JS这个非主流太搞了
    与其它的语言相比,JavaScript中的“对象”总是显得不那么合群。一些新人在学习JavaScript面向对象时,往往也会有疑惑:为什么JavaScript(直到ES6)有对象的概念,但是却没有像其他的语言那样,有类的概念呢;为什么在JavaScript对象里可以自由添加属性,而其他的语言却不能呢?甚至,在一些争论......
  • .net core controller获取post的json数据
    如何在.NETCoreController中获取POST的JSON数据在开发Web应用程序时,我们经常需要从客户端发送一些数据到服务器端。一种常见的方式是使用HTTP的POST方法来发送数据。在.NETCore中,我们可以使用Controller来处理这些请求,并从POST请求中获取JSON数据。创建一个.NETCoreWebAPI......
  • 在线java 实体转 json
    在线Java实体转JSON的步骤和代码示例1.简介在Java开发中,我们经常需要将Java对象转换为JSON格式,以便在网络传输或者存储过程中使用。在本文中,我将向你介绍如何在线进行Java实体转JSON的处理,并提供相应的代码示例。2.实体转JSON的步骤下面是实现在线Java实体转JSON的整个流程,通......
  • vue3.0 外部配置文件一 (导入json文件方式)
    vue3.0外部配置文件,重点是打包后也可以修改配置参数 注:js文件中必须是标准的json格式一、在public中创建static文件夹,在static文件夹中创建config.json  文件 config.json (必须是标准的json格式){"webSocketUrl":"ws://192.168.1.120:5011/chat/","......
  • JS函数调用的5种模式
    函数是经常会用的工具,这里总结一下关于在js中的5种函数调用的模式如下:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="v......
  • JSON化------日期类型转JSON后变为时间戳
    我们在进行对象JSON化的时候(其中包含一些日期类型字段)日期类型在进行JSON的时候会转换为时间戳解决JSON.parse(JSONObject.toJSONStringWithDateFormat(要json的值,"yyyy-MM-ddHH:mm:ss")).toString(); ......
  • 洛谷AT_jsc2019_qual_e Card Collector 题解
    题目链接CardCollector-洛谷|计算机科学教育新生态(luogu.com.cn)思路将每一行、每一列转化为点,第i行第j列的卡牌转化为i->j+m(m为行数)的有向边。总共会抽取m+n(m为行数,n为列数)张牌,每个点的出度为1。结果图为基环森林;那么题目就转化为求最大基环森林。代码1#include......
  • js直接下载PDF
    1、前端引入js <scripttype="text/javascript"src="${pageContext.request.contextPath}/modules/util/downDoc/html2pdf.js"></script>2、js方法html定义div$("#downPrint").click(function(){exportPdf();}......
  • 快速切换 nodejs 的版本
    最近在开发一个常驻进程、定时任务统一调度系统,以应对开发在进程管理方面遇到的各种复杂问题。组里开发项目,一般来说是一个人承包整个项目,包括调度器设计,还有后台系统。我还有一部分工作,是队列相关的信息,这个由监控同学负责,到时候我后台聚合他的数据一并展示。然后我就遇到问题......