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

标题: 王涛-20221128-JS高阶05 [打印本页]

作者: 黑桃K 时间: 2022-11-28 23:30
标题: 王涛-20221128-JS高阶05
JS高级---day051.解构赋值1.1解构数组
const arr=[1,2,3];

从数组中把数组的每一个值都取出，放在三个变量中
let [变量1，变量2，变量3]=arr；
使用let一次性声明三个变量，按照顺序，把数组中的值取出，赋值给对应变量1.2解构对象const user={
key1:value1,
key1:value1
};
let {key1,key2}=user;
#解构对象键名需要相等1.3解构函数参数

本质还是解构数据和解构对象

参数是数组
function fn([a,b,c]){}
fn(['a','b','c'])

参数是对象
function fn({name,age}){}
fn({name:'小白'，age：12})2.模板字符串

解决字符串拼接问题

`字符串${变量名、表达式、字符串}`
表达式：能够算出唯一结果的代码3.对象的简写对象的简写：
1.key和value相同，可以省略
2.对象中的方法，可以省略：function4.ES6的类语法：
class 类名{
//自动挂载new出来的实力对象上
// 这些属性会中会成会实例对象的属性，如果不需要传参，是写死的，就没必要放在constructor中
hobs = ['睡觉', '打游戏'];
money = 9999;
//构造函数
constructor(形参){
      //this.挂载
}
//原型方法
方法名(){  }
//静态方法
static 方法名(){ }
}
//继承
class 子类 extands 父类{
constructor (所有的参数){
      super(继承父类的参数)
}
}5.ES6模块导入和导出语法：

方式一：单个暴漏
暴漏---导出：
export var userName='xxx';
export function show(){ };
导入---引入：
import {userName,show} form '文件路径全称'

方式二：一起暴露
导出：
export default {key1:value1,key2:value2...}
导入：
import 变量 from '文件路径'ES6模块化优势
快6.同步异步

1.同步：代码从上到下，后面的代码，必须等前面代码执行完毕，才能执行

2.异步：代码从上到下执行，遇到异步代码，异步代码会让开，等所有同步代码执行完毕，才能执行异步代码

6.1JS中的异步的情况

1.定时器的那个回调函数

2.事件处理函数

3.ajax的回调函数

6.2控制异步的顺序

一个回调函数里再嵌套一个回调函数

回调地狱

可读性差，不好维护

7.Promise作用

控制异步顺序，解决回调地狱

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