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"请求数据"//该数据为…...
成员函数定义后面加const是什么功能:C++中const成员函数的作用
成员函数定义后面加const是什么功能:C中const成员函数的作用 前言C中const成员函数的作用总结 前言 在PX4的代码中的位置控制模块中,有这样一个成员函数 void getAttitudeSetpoint(vehicle_attitude_setpoint_s &attitude_setpoint) const;该函数的…...
DeepSeek智能测试助手:分类+推理+导出一站式工具
前言 测试开发工程师在日常工作中需要处理大量测试文档,并且这些文档需要被高效分类、清洗和管理,同时结合强大的 AI 推理能力(如 DeepSeek 模型)进行智能化处理和分析。为此,我们开发了一款基于 PyQt5 的 GUI 工具&a…...
【嵌入式Linux应用开发基础】进程间通信(3):共享内存
目录 一、共享内存核心概念 1.1. 特点 1.2. 适用场景 二、共享内存原理剖析 三、嵌入式 Linux 中共享内存的使用 3.1. 相关函数介绍 3.2. System V共享内存操作步骤 3.3. 同步机制(示例使用System V信号量) 3.4. POSIX共享内存(现代…...
日语学习-日语知识点小记-构建基础-JLPT-N4N5阶段(10): になります :表示从一种状态转变为另一种状态,“变得……”“成为……”
日语学习-日语知识点小记-构建基础-JLPT-N4&N5阶段(10): になります :表示从一种状态转变为另一种状态,“变得……”“成为……” 1、前言(1)情况说明(2)工程师的信仰2、知识点(1)寒くなりました & 元気になりました(2)何(なに)になりたいですか。(…...
计算机毕业设计Python农产品推荐系统 农产品爬虫 农产品可视化 农产品大数据(源码+LW文档+PPT+讲解)
温馨提示:文末有 CSDN 平台官方提供的学长联系方式的名片! 温馨提示:文末有 CSDN 平台官方提供的学长联系方式的名片! 温馨提示:文末有 CSDN 平台官方提供的学长联系方式的名片! 作者简介:Java领…...
Python HTTP 请求工具类 HttpUtils:简化 HTTP 请求的高效工具
在现代的 Web 开发和 API 集成中,HTTP 请求是最常见的操作之一。无论是获取数据、提交表单,还是与 RESTful API 交互,我们都需要频繁地发送 HTTP 请求。为了简化这些操作,提升代码的可读性和可维护性,我们可以使用一个…...
「正版软件」PDF Reader - 专业 PDF 编辑阅读工具软件
PDF Reader 轻松查看、编辑、批注、转换、数字签名和管理 PDF 文件,以提高工作效率并充分利用 PDF 文档。 像专业人士一样编辑 PDF 编辑 PDF 文本 轻松添加、删除或修改 PDF 文档中的原始文本以更正错误。自定义文本属性,如颜色、字体大小、样式和粗细。…...
【linux】文件与目录命令 - grep
文章目录 1. 基本用法2. 常用参数3. 用法举例4. 注意事项5. 正则表达式5.1 正则表达式元字符5.2 正则表达式常用修饰符5.3 正则表达式运算符优先级5.4 正则表达式匹配规则 grep 命令用于在文本文件或标准输入中查找匹配的字符串模式,是一种功能强大的文本搜索工具&a…...
2025鸿蒙开发面试题汇总——通俗易懂
问题和通俗易懂的答案,覆盖鸿蒙开发的核心知识点和实际场景,方便面试时快速评估候选人能力: 一、基础概念(必问) 鸿蒙和安卓最大的区别是什么?举个实际例子。 答案:鸿蒙是“分布式操作系统”&am…...
专利申请流程详解:从创意到授权的完整指南
引言 专利是保护发明创造的重要法律工具,能够为发明人提供独占权,防止他人未经许可使用、制造或销售其发明。无论是个人发明者还是企业,了解专利申请流程都是至关重要的。本文将详细介绍专利申请的完整流程,帮助你从创意到授权&a…...
编写测试计划的六大要素是什么
编写测试计划时,一般需要包括以下六大要素,确保测试工作的完整性和可执行性: 1. 测试目标(Test Objectives) 明确测试的目的,如: 确保系统符合业务需求和技术要求。发现并修复软件缺陷。验证性…...
日期类(完全讲解版)
1. 类的设计思想 Date 类的设计目的是为了封装和处理日期信息,它提供了对日期的基本操作,如日期加减、日期比较、日期合法性检查等。类中的私有成员 int _year, int _month, int _day 存储了日期的年、月、日。 类的声明和构造 Date 类的声明࿱…...
Python网络爬虫技术详解文档
Python网络爬虫技术详解文档 目录 网络爬虫概述爬虫核心技术解析常用Python爬虫库实战案例演示反爬虫机制与应对策略爬虫法律与道德规范高级爬虫技术资源推荐与学习路径1. 网络爬虫概述 1.1 什么是网络爬虫 网络爬虫(Web Crawler)是一种按特定规则自动抓取互联网信息的程序…...
解决服务器上运行YOLO时字体问题
问题描述:运行YOLO时,需要Arial.ttf,由于网络较差,可以先将字体下载到本地,再上传到服务器。 下载地址:项目首页 - Arial字体资源文件下载:本仓库提供了一系列Arial字体的ttf格式文件下载。Arial字体是一种广泛使用的无衬线字体&…...
洛谷 P10726 [GESP202406 八级] 空间跳跃 C++ 完整题解
一、题目链接 P10726 [GESP202406 八级] 空间跳跃 - 洛谷 二、解题思路 我们要对输入的挡板进行排序,按高度从高到低(从小到大)。 排序之后s和t都要更新。 struct Baffle {int l, r;int h;int id; } b[1005];void Sort() {sort(b 1, b 1 n…...
DeepSeek系列模型发展:从LLM到V3、R1的技术突破与优化各阶段的重要论文汇总(附下载地址)
DeepSeek 系列模型从最初的 LLM 版本发展到最新的 V3 和 R1 版本,在架构设计、训练效率和推理能力方面不断取得进步。以下是各版本按时间倒序的详细信息: 1. DeepSeek-R1 发布时间:2025年1月 论文标题:DeepSeek-R1: Incentivizi…...
【设计模式精讲】创建型模式之工厂方法模式(简单工厂、工厂方法)
文章目录 第四章 创建型模式4.2 工厂方法模式4.2.1 需求: 模拟发放奖品业务4.2.2 原始开发方式4.2.3 简单工厂模式4.2.3.1 简单工厂模式介绍4.2.3.2 简单工厂原理4.2.3.3 简单工厂模式重构代码4.2.3.4 简单工厂模式总结 4.2.4 工厂方法模式4.2.4.1 工厂方法模式介绍4.2.4.2 工厂…...
AI大模型-提示工程学习笔记13-自动推理并使用工具
卷首语:我所知的是我自己非常无知,所以我要不断学习。 写给AI入行比较晚的小白们(比如我自己)看的,大神可以直接路过无视了。 自动推理并使用工具 (ART) 是一种结合了大语言模型(LLM)的推理能…...
【ROS2】【ROS2】RViz2源码分析(八):Display中订阅ROS2消息(使用Qt信号和槽传递ROS2消息)
1、简述 RViz2 涵盖了 Qt 和 ROS2 的技术点,前面介绍 DisplaysPanel 时,主要分析了Qt相关部分,参见博客: 【ROS2】RViz2源码分析(七):DisplaysPanel 中的树状模型/视图 本篇博客,将会一起学习 RViz2 中如何使用 ROS2,以 Display 中订阅 ROS2 消息为例。 2、通过话题…...
牛顿法:用泰勒级数求解平方根的秘籍
目录 一、引言二、牛顿法的理论基础——泰勒级数三、牛顿法的原理与推导3.1 原理概述3.2 推导过程3.3 几何解释 四、牛顿法的应用场景4.1 数值计算4.2 优化问题 五、牛顿法求平方根的具体案例5.1 原理推导5.2 具体步骤5.3 代码实现(Python)5.4 示例计算过…...
Unity 打开摄像头 并显示在UI
需求: 打开相机并显示在UI上 效果: 注意: 电脑可能有多个摄像头,注意名称 代码: using System; using System.Linq; using UnityEngine; using UnityEngine.UI; using System.Collections.Generic; #if UNITY_EDITOR using UnityEditor; #endifname…...
Linux系统中常见的词GNU是什么意思?
GNU 是 “GNU’s Not Unix” 的递归缩写,它是一个自由软件项目,旨在创建一个完全自由的操作系统。这个名字反映了GNU项目的核心理念:它试图创建一个类Unix的系统,但不是Unix本身。 GNU 项目由 理查德斯托曼(Richard S…...
RAGFLOW使用flask转发的open ai接口
flask转发openai标准接口 背景 搭建RAGFLOW 的过程中,遇到一个比较严重的问题,公司部署的大模型代理需要获取token,且token存在有效期5分钟,在RAGFLOW中不能直接用,所以希望通过flask项目转发请求。 方案 比较好的…...
jQuery UI CSS 框架 API
jQuery UI CSS 框架 API 概述 jQuery UI 是一个基于 jQuery 的用户界面和交互库,它提供了一套丰富的交互组件和视觉效果,旨在帮助开发者快速构建具有吸引力和互动性的网页应用。jQuery UI CSS 框架 API 是 jQuery UI 的一部分,它允许开发者通过简单的 CSS 类来控制 UI 组件…...
RK Android11 WiFi模组 AIC8800 驱动移植流程
RK Android WiFi模组 AIC8800 驱动移植流程 作者:Witheart更新时间:20250220 概要:本文介绍了基于 AIC8800D40 芯片的 WiFi6 模组 BL-M8800DS2-40 在 RK3568 平台上的驱动移植流程。主要涉及环境搭建、驱动代码分析、设备树修改、驱动编译配…...
【大模型】DeepSeek-RAG 本地化部署与军事情报应用研究报告
【大模型】DeepSeek-RAG 本地化部署与军事情报应用研究报告 一、研究背景二、DeepSeek 本地部署(一)部署环境(二)部署步骤(三)本地化部署流程优化 三、RAG 知识库构建(一)数据预处理…...
Windows PyCharm的python项目移动存储位置后需要做的变更
项目使用的venv虚拟环境,因此项目移动存储位置后需要重新配置python解释器的位置,否则无法识别,若非虚拟环境中运行,则直接移动后打开即可,无需任何配置。 PyCharm版本为2021.3.3 (Professional Edition),其…...
浅棕色人像花卉照片Lr调色,手机滤镜PS+Lightroom预设下载!
调色介绍 提供一系列用于处理浅棕色调人像与花卉照片的后期预设资源,这些预设兼容手机滤镜的 PS 和 Lightroom 软件。其主要作用是令照片达成浅棕色的色调效果,帮助使用者快捷地对人像和花卉照片进行调色处理,无需繁复手动调节参数࿰…...
使用 Python 和 OpenCV 从一组图片生成 MP4 格式的视频
概要 在创建动画、制作幻灯片,从生成的图像数据中导出动态视频时,我们需要将一系列静态图片合成一个视频。 安装依赖 代码需要安装 OpenCV 库。可以通过命令行安装: pip install opencv-python 完整代码 图片尺寸不一时见后文 调整视频…...
