免费建网站 建站之星,静海网站建设,小橘子被做h网站,html网页设计作品及其赏析一.Promise Promise是ES6引入的异步编程工具。 语法上Promise是一个构造函数,用于封装异步操作并可以获取操作成功或失败的结果 Promise构造函数:Promise(excutor){} Promise的常用函数:then,catch 实例化Promise对象(创建Promise工具) let data请求数据//该数据为…一.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 langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title集合/title
/head
bodyscript//什么是集合:用于存放很多数据的容器,在集合中提供了大量的功能方法可以快速的操作数据//Set集合:成员的值必须是唯一的实现了iterator(迭代器)的接口,可以使用for......of......等进行遍历//集合中常用功能方法size-返回集合元素的个数add向集合中添加数据delete-删除数据返回的是boolean(布尔类型的值)。has检查集合中是否包含某个元素//声明Set集合let s1 new Set();let s2new Set([小沈阳,赵四,刘能,宋小宝])console.log(s2)//获得集合元素的个数console.log(s2.size)//添加元素s2.add(赵本山)console.log(s2)//删除元素s2.delete(小沈阳)//set集合值唯一s2.add(赵四)//元素检查是否存在let as2.has(刘能)console.log(a)//清空s2.clear()console.log(s2)//Map集合:以键值对的方式存储数据/*常用的属性和方法:size 元素的个数set 增加数据get根据键获取数据has 判断是否包含clear 清空undefined*///声明Map集合let mnew 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 langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title模块化/title
/head
bodyscript typemodule//模块化//将一个大的程序文件拆分许多小的文件将小的文件组合起来实现业务功能//模块化的好处//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/scriptscript typemodule src./app.js/script
/body
/html
