菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 陈玉-20221128-js高级-DAY05 [打印本页]

作者: polaris123 时间: 2022-11-30 00:32
标题: 陈玉-20221128-js高级-DAY05
一、今日学习类容
1.解构赋值
解构数组
const arr=[1,2,3]
从数组中把值取出来，放在3个变量中进行保存
let [变量1，变量2，变量3]=arr；
使用let一次性声明了3个变量，按照数组默认顺序，把数组的值取出来，赋值给对应的变量。
解构对象
const user={key1：value1，
key2：value2
......}
let {key1,key2}=user
注意：此时的变量名必须是对象中的key键名
解构函数参数
本质还是解构数组和解构对象
参数是数组
function fn（[a,b,c]）{}
fn（[1,2,3]）
参数是对象
function fn（{name，age}{}）
fn（name，age）
2.模板字符串
`字符串${变量名或者表达式}`
表达式：能够算出唯一结果的一句代码
3.对象的简写
1.如果key和value值相同，可以省略
2.对象中的方法，可以省略function，如：show（）{}
4.ES6的类
class 类名{
1.构造函数
constructor(形参){
this挂载}
}
2.原型方法
方法名（）{}
3.静态方法
static 方法名（）{}
继承
class 子类 extends 父类{
construtor （所有参数）{
super（父类参数）
}
}
如果一些属性不需要传递参数，是写死的，就没有必要放在constructor中，自动挂载到new出来的实例对象上
5.ES6模块化开发
导出
单个暴露export var userName ='xxx'；
export function show；
一起暴露export default {key1：value1，key1：value1，}
导入
单个引入import {userName,show} from ‘文件路径’
import 变量 from ‘文件路径’
html引入<script type="module" src="./index.js"> </script>
6.同步异步
同步概念：代码从上到下执行，后面的代码，必须等前面代码执行完毕，才能执行
异步概念：代码从上到下执行，遇到异步代码，异步代码会让开，等待所有同步代码执行完毕，才来执行异步代码
js中的异步情况
定时器的回调函数
事件处理函数
ajax的回调函数
控制异步顺序一个回调函数中嵌套一个回调函数（回调地狱）---可读性差，不好维护
7.Promise
作用：控制异步顺序，解决回调地狱问题
Promise 有三种状态：进行中，已成功，已失败
调用resolve  进行中--->成功
调用reject 进行中--->失败
p.then((data) => {
         console.log(data);
      }).catch(err => {
         console.log(err);
      }).finally(() => {
         console.log('完成状态变化');
      });
静态方法
Promise.all
Promise.any
Promise.race
Promise.resolve
Promise.reject
原型方法
p.then then是成功
p.catch catch是失败
p.finally  最后结果

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)