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

标题: 李扬敏-20221128-js高级 [打印本页]

作者: 王源的李可爱 时间: 2022-11-29 00:59
标题: 李扬敏-20221128-js高级

一．今日学习内容

1.解构数组

const arr=[1,2,3]；

let [变量1，变量2，变量3]=arr；

从数组中把值取出来，放在3个变量中保存

使用let一次性声明三个变量，按照顺序，把数组中的值取出来，赋值给对应的变量

2.解构对象

const user = {name: 'roy',age: 12,};

let {name,age} = user;

变量名必须与属性名相同

3.解构函数参数

本质还是解构数组和对象

参数是数组

function fn([a,b,c]){}; fn(['a','b','c']);

参数是对象

function fn({name,age}){}; fn([name:'roy',age:22]);

4.模板字符串

解决字符串拼接问题

语法：`字符串${变量名，表达式}字符串`

表达式：能够算出唯一结果的一句代码

5.对象的简写

key和value值相同可以省略

对象方法中可以省略function

6.ES6的类

语法:class 类名{}

class 类名{constructor(形参){this挂载} 方法名(){} //静态方法 static 方法名(){}}

ES6的继承

class 子类 extends 父类{ constructor(所有的参数){ super(继承父类的参数)}}

7.ES6模块导入和导出

单个暴露

暴露--导出：export var userName='xxx'; export function show(){}

导入--引入：import{userName,show()}from '文件路径全称'；

一起暴露

导出：export default{key1:value,key2:value2,...}

export default只能使用一次

导入：import 变量 from '文件路径'

优势：快

8.同步异步

同步：代码从上到下

for循环

异步：代码从上到下执行，遇到异步，异步让开，同步执行完毕，在执行异步

定时器的回调函数

事件处理函数

ajax的回调函数

嵌套控制异步顺序--回调地狱

可读性差，不好维护

9.Promise

作用：控制异步顺序，解决回调地狱问题

三种状态：进行中，已成功，已失败

调用resolve() 进行中--->成功

调用reject() 进行中--->失败

Promise控制异步顺序

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