当前位置: 首页 > news >正文

ES6相关操作(2)

一.Promise

        Promise是ES6引入的异步编程工具。

        语法上Promise是一个构造函数,用于封装异步操作并可以获取操作成功或失败的结果

        Promise构造函数:Promise(excutor){}

        Promise的常用函数:then,catch

        实例化Promise对象(创建Promise工具)

            let data="请求数据"//该数据为服务器的数据

            reject(data)

         })

        调用Promise的then方法

        p.then(function(value){

        编写响应值

         })

二.集合

什么是集合:用于存放很多数据的容器,在集合中提供了大量的功能方法,可以快速的操作数据

        1.Set集合:成员的值必须是唯一的,实现了iterator(迭代器)的接口,可以使用for......of...... 等进行遍历

        集合中常用功能方法:size-返回集合元素的个数,add向集合中添加数据,delete-删除数据,返回的是boolean(布尔类型的值)。has检查集合中是否包含某个元素

        声明Set集合

        2.Map集合:

        Map集合:以键值对的方式存储数据

                常用的属性和方法:

                        size 元素的个数

                        set 增加数据

                        get根据键获取数据

                        has 判断是否包含

                        clear 清空,undefined

        

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>集合</title>
</head>
<body><script>//什么是集合:用于存放很多数据的容器,在集合中提供了大量的功能方法,可以快速的操作数据//Set集合:成员的值必须是唯一的,实现了iterator(迭代器)的接口,可以使用for......of......等进行遍历//集合中常用功能方法:size-返回集合元素的个数,add向集合中添加数据,delete-删除数据,返回的是boolean(布尔类型的值)。has检查集合中是否包含某个元素//声明Set集合let s1 =new Set();let s2=new Set(['小沈阳','赵四','刘能','宋小宝'])console.log(s2)//获得集合元素的个数console.log(s2.size)//添加元素s2.add('赵本山')console.log(s2)//删除元素s2.delete('小沈阳')//set集合值唯一s2.add('赵四')//元素检查是否存在let a=s2.has('刘能')console.log(a)//清空s2.clear()console.log(s2)//Map集合:以键值对的方式存储数据/*常用的属性和方法:size 元素的个数set 增加数据get根据键获取数据has 判断是否包含clear 清空,undefined*///声明Map集合let m=new Map()//添加数据m.set('name','刘德华')m.set('message',function(){console.log('演员,歌手')})let key={sayHi:'我的能力有'}m.set(key,['唱歌','跳舞','演员'])//获取元素个数console.log(m.size)console.log(m)//获得数据console.log(m.get('name'))//删除数据m.delete('name')//清空数据m.clear()console.log(m)</script>
</body>
</html>

三.模块化

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>模块化</title>
</head>
<body><script type="module">//模块化//将一个大的程序文件拆分许多小的文件,将小的文件组合起来实现业务功能//模块化的好处://1.防止命名冲突//2.代码复用//3.高维护//模块化的命令//export 用于规定模块化对外接口//import 用于导入其他模块化提供的功能//引入m1.js模块内容// import *as m1 from "./m1.js"// console.log(m1)//import * as m2 from 'm2.js'// import * as m3 from 'm3.js'//m3.goodsMessage() //2.解构模块数据// import {goods,goodsMessage} from "m1.js"// console.log(m1)// import {goods as g,goodsMessage as gm} from "m2.js"// import {default as m3} from "m3.js"//3.简化写法// import m3 from "m3.js"</script><script type="module" src="./app.js"></script>
</body>
</html>

相关文章:

ES6相关操作(2)

一.Promise Promise是ES6引入的异步编程工具。 语法上Promise是一个构造函数,用于封装异步操作并可以获取操作成功或失败的结果 Promise构造函数:Promise(excutor){} Promise的常用函数:then,catch 实例化Promise对象(创建Promise工具) let data"请求数据"//该数据为…...

自动化办公|xlwings生成图表

在日常的数据分析和报告生成中&#xff0c;Excel图表是一个非常重要的工具。它能够帮助我们直观地展示数据&#xff0c;发现数据中的规律和趋势。然而&#xff0c;手动创建和调整图表往往耗时且容易出错。幸运的是&#xff0c;借助Python的xlwings库&#xff0c;我们可以自动化…...

大模型知识蒸馏技术(5)——在线蒸馏

版权声明 本文原创作者:谷哥的小弟作者博客地址:http://blog.csdn.net/lfdfhl1. 在线蒸馏概述 在线蒸馏是一种知识蒸馏方式,其核心特点是教师模型和学生模型的参数在训练过程中同时更新,整个蒸馏框架是端到端训练的。这种方式允许教师模型和学生模型相互影响、共同学习,能…...

Java 条件语句

Java 条件语句概述 条件语句通过判断给定条件的真假来控制程序的执行。本小节将详细介绍 Java 中各类条件语句。 1. if 语句 1.1 语法 用于根据给定条件决定是否执行一段代码。if 块仅在关联的布尔表达式为 true 时执行。 if (条件) {// 当条件成立时执行此处代码 }大括号…...

用JMeter给要登录的操作做压力测试

压力测试的http请求路径如下图 应当添加http Header Manager&#xff0c;设置登录凭证...

算法的数学基础

组合数 从n个不同元素中取出m&#xff08;m≤n&#xff09;个不同元素的所有组合的个数&#xff1a;C(n, m) n! / [m!(n - m)!]n个物品所有可能的组合数&#xff08;不考虑组合的大小m&#xff09;&#xff1a;Σ C(n, m) C(n, 0) C(n, 1) C(n, 2) … C(n, n) 2 n 2^n 2…...

flowable适配达梦数据库

文章目录 适配相关问题无法从数据库产品名称“DM DBMS”中推断数据库类型分析解决 构建ibatis SqlSessionFactory时出错&#xff1a;inStream参数为null分析解决 liquibase相关问题问题一&#xff1a;不支持的数据库 Error executing SQL call current_schema: 无法解析的成员访…...

VScode C语言学习开发环境;运行提示“#Include错误,无法打开源文件stdio.h”

C/C环境配置 参考&#xff1a; VS Code 配置 C/C 编程运行环境&#xff08;保姆级教程&#xff09;_vscode配置c环境-CSDN博客 基本步骤 - 安装MinGW-W64&#xff0c;其包含 GCC 编译器&#xff1a;bin目录添加到环境变量&#xff1b;CMD 中输入gcc --version或where gcc验证…...

DeepSeek企业级部署实战指南:从服务器选型到Dify私有化落地

对于个人开发者或尝鲜者而言&#xff0c;本地想要部署 DeepSeek 有很多种方案&#xff0c;但是一旦涉及到企业级部署&#xff0c;则步骤将会繁琐很多。 比如我们的第一步就需要先根据实际业务场景评估出我们到底需要部署什么规格的模型&#xff0c;以及我们所要部署的模型&…...

自制简单的图片查看器(python)

图片格式&#xff1a;支持常见的图片格式&#xff08;JPG、PNG、BMP、GIF&#xff09;。 import os import tkinter as tk from tkinter import filedialog, messagebox from PIL import Image, ImageTkclass ImageViewer:def __init__(self, root):self.root rootself.root.…...

RD-搭建测试环境

测试团队职责 环境验证&#xff1a;确保开发部署的测试环境可访问&#xff0c;页面/接口无阻塞问题&#xff1b; 配置检查**&#xff1a;核对数据库连接、接口域名、HT证书等关键配置&#xff1b; 数据准备**&#xff1a;导入基线数据&#xff0c;隔离测试与生产数据&#xff1…...

从零搭建微服务项目Base(第5章——SpringBoot项目LogBack日志配置+Feign使用)

前言&#xff1a; 本章主要在原有项目上添加了日志配置&#xff0c;对SpringBoot默认的logback的配置进行了自定义修改&#xff0c;并详细阐述了xml文件配置要点&#xff08;只对日志配置感兴趣的小伙伴可选择直接跳到第三节&#xff09;&#xff0c;并使用Feign代替原有RestT…...

【深度学习】使用飞桨paddle实现波士顿房价预测任务

使用飞桨实现波士顿房价预测任务 由于开始学习深度学习&#xff0c;因此每次开始都熟悉一下深度学习模型的基本步骤&#xff1a; 在之前的学习中&#xff0c;我们学习了使用Python和NumPy实现波士顿房价预测任务的方法&#xff0c;本章我们将尝试使用飞桨paddle重写房价预测任…...

钉钉多维表:数据管理与协作的新篇章

在当今数字化时代,数据的高效管理和团队协作已成为企业竞争力的关键因素之一。钉钉多维表,作为一款基于钉钉平台的数据协作管理工具,正以其独特的功能和优势,引领着数据管理与协作的新潮流。本文将为您全面解析钉钉多维表的定义、特点、功能亮点、应用场景以及如何使用,让您轻松…...

高级推理的多样化推理与验证

25年2月来自波士顿大学、NotBadMath.AI、谷歌、哥伦比亚大学、MIT、Intuit公司和斯坦福大学的论文“Diverse Inference and Verification for Advanced Reasoning”。 OpenAI o1、o3 和 DeepSeek R1 等推理 LLM 在数学和编码方面取得重大进展&#xff0c;但仍发现 IMO 组合问题…...

深入理解 MySQL 8 C++ 源码:SELECT MOD(MONTH(NOW()), 2) 的函数执行过程

MySQL 作为最流行的关系型数据库之一&#xff0c;其内部实现机制一直是开发者探索的热点。本文将以一条简单的 SQL 查询 SELECT MOD(MONTH(NOW()), 2) 为例&#xff0c;深入分析 MySQL 8 源码中内置函数 MOD、MONTH 和 NOW 的执行过程&#xff0c;揭示其底层实现逻辑。 一、SQL…...

【算法系列】leetcode1419 数青蛙 --模拟

一、题目 二、思路 模拟⻘蛙的叫声。 当遇到 r o a k 这四个字符的时候&#xff0c;我们要去看看每⼀个字符对应的前驱字符&#xff0c;有没有⻘蛙叫出来。如果有⻘蛙叫出来&#xff0c;那就让这个⻘蛙接下来喊出来这个字符&#xff1b;如果没有则为异常字符串&#xff0c;直接…...

蓝桥杯 Java B 组之背包问题、最长递增子序列(LIS)

Day 4&#xff1a;背包问题、最长递增子序列&#xff08;LIS&#xff09; &#x1f4d6; 一、动态规划&#xff08;Dynamic Programming&#xff09;简介 动态规划是一种通过将复杂问题分解成更小的子问题来解决问题的算法设计思想。它主要用于解决具有最优子结构和重叠子问题…...

Git如何将一个分支的内容同步到另一个分支

在 Git 中&#xff0c;可以通过多种方法将一个分支的内容同步到另一个分支。以下是几种常用的方法&#xff1a; 1. 使用 merge 命令 这是最常见的方法&#xff0c;将一个分支的更改合并到另一个分支。 # 切换到目标分支 git checkout target-branch# 合并源分支的内容 git m…...

[C#]C# winform部署yolov12目标检测的onnx模型

yolov12官方框架&#xff1a;github.com/sunsmarterjie/yolov12 【测试环境】 vs2019 netframework4.7.2 opencvsharp4.8.0 onnxruntime1.16.3 【效果展示】 【调用代码】 using System; using System.Collections.Generic; using System.ComponentModel; using System.…...

MemTensor/MemOS:基于内存计算的操作系统架构探索

1. 项目标题: "MemTensor/MemOS"...

从经纬度到网格码:北斗位置编码在物流轨迹压缩中的实战应用

北斗网格码在物流轨迹管理中的革命性应用 每天&#xff0c;全球物流系统产生数以亿计的轨迹数据点。一辆普通货运车辆每30秒记录一次位置&#xff0c;单日就能生成近3000条经纬度记录。传统存储方式让数据库不堪重负&#xff0c;而北斗网格码技术正悄然改变这一局面。 1. 物流轨…...

2026边墙风机行业深度选型对比|英飞风机、格林瀚克、依必安派特三家核心全解析

在工业制造智能化升级、新型基础设施持续落地双重政策加持下&#xff0c;我国边墙风机行业保持7.8%年均稳健增长。行业需求已彻底告别单一基础通风换气&#xff0c;全面升级为高效节能、安全合规、场景精细化适配三维核心标准&#xff0c;市场梯队分化明显&#xff0c;各厂商技…...

区块链与AI融合架构深度解析:一位测试工程师的专业视角

当分布式账本遇见智能算法“区块链AI”已成为当下技术领域最富想象力的融合方向之一。对于软件测试从业者而言&#xff0c;理解这一融合架构不仅是技术视野的拓展&#xff0c;更是测试思维范式的一次重要升级。本文将从专业测试视角出发&#xff0c;通过一张核心架构图&#xf…...

5个驱动清理技巧:如何彻底解决Windows系统臃肿问题

5个驱动清理技巧&#xff1a;如何彻底解决Windows系统臃肿问题 【免费下载链接】DriverStoreExplorer Driver Store Explorer 项目地址: https://gitcode.com/gh_mirrors/dr/DriverStoreExplorer 您是否发现Windows系统盘空间越来越小&#xff0c;却不知道原因&#xff…...

[特殊字符] 高危预警:TeamPCP黑客组织连环攻陷Aqua Security,Trivy供应链攻击全面升级

发动Trivy供应链攻击的TeamPCP黑客组织持续锁定 Aqua Security&#xff08;Trivy所属厂商&#xff09;发起精准打击&#xff1a;恶意推送伪装Docker镜像、劫持企业GitHub组织账号&#xff0c;批量篡改数十个开源代码仓库。 本次连环入侵仍是此前高危供应链投毒事件的延续&…...

从‘找色块’到‘追小球’:用K210实现一个简易颜色追踪机器人(代码开源)

从静态识别到动态追踪&#xff1a;K210颜色追踪机器人开发实战 在创客教育和小型机器人开发领域&#xff0c;视觉追踪一直是个令人着迷的技术方向。想象一下&#xff0c;你的机器人能够像宠物一样跟随彩色小球移动&#xff0c;或者自动追踪特定颜色的目标——这正是K210芯片结合…...

保姆级教程:用Python+ANSYS Workbench复现电机定子模态仿真(附避坑点)

PythonANSYS Workbench电机定子模态仿真全流程解析与实战避坑指南 电机定子的模态分析是NVH&#xff08;噪声、振动与声振粗糙度&#xff09;性能优化的核心环节。本文将手把手带你用Python脚本预处理电磁力数据&#xff0c;并通过ANSYS Workbench完成从几何建模到模态结果验证…...

nli-MiniLM2-L6-H768惊艳案例:直播弹幕流每秒千条实时分类并生成话题热度词云

nli-MiniLM2-L6-H768惊艳案例&#xff1a;直播弹幕流每秒千条实时分类并生成话题热度词云 1. 项目背景与价值 在当今直播行业蓬勃发展的背景下&#xff0c;弹幕互动已成为用户参与的重要形式。然而&#xff0c;面对每秒上千条的弹幕数据流&#xff0c;传统的人工监控方式显得…...

CANoe Trace窗口保姆级配置指南:从列显示到颜色字体,打造你的专属分析视图

CANoe Trace窗口高阶配置实战&#xff1a;打造高效诊断视图的5个关键策略 在汽车电子系统开发与测试领域&#xff0c;CANoe的Trace窗口就像工程师的"听诊器"&#xff0c;但大多数人只停留在基础使用层面。当面对复杂的车载网络数据流时&#xff0c;未经优化的Trace视…...