ES6相关操作(2)
- 人工智能
- 2025-08-23 07:48:02
一.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)由讯客互联人工智能栏目发布，感谢您对讯客互联的认可，以及对我们原创作品以及文章的青睐，非常欢迎各位朋友分享到个人网站或者朋友圈，但转载请说明文章出处“ES6相关操作(2)”
