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

标题: 巨朝阳-20221128-JS高级-DAY05 [打印本页]

作者: 云云 时间: 2022-11-29 00:15
标题: 巨朝阳-20221128-JS高级-DAY05
一、今日学习
# 1. 解构赋值：

## 1.1 解构数组：

```javascript
const arr=[1,2,3];

从数组中把值取出来，放在3个变量中保存
let [变量1,变量2,变量3]=arr;
使用let一次性声明3个变量，按照顺序，把数组中的值取出来，赋值给对应的变量
```

## 1.2 解构对象

```javascript
const user={
key1:value1,
key2:value2
}

let {key1,key2}=user;
```

## 1.3 结构函数参数

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

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

参数是对象
function fn({name,age}){}
fn({name:'小白',age:12});
```

# 2. 模板字符串

解决字符串拼接问题

```javascript
`字符串${变量名，表达式}字符串` 表达式：能够算出唯一结果的一句代码
```

# 3. 对象的简写

```javascript
对象的简写：
1.key和value相同，可以省略，
2.对象中的方法，可以省略 : function
```

# 4. ES6的类

```javascript
语法：
class 类名{
// 构造函数
constructor(形参){
// this.挂载
}

// 原型方法
方法名(){ }

// 静态方法
static 方法名(){ }
}

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

# 5.ES6模块导入和导出

```javascript
方式一：单个暴露
暴露-导出：
export var userName='xxx';
export function show

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

方式二：一起暴露
导出：
export default {key1:value1,key2:value2,....}

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

```javascript
ES6模块化的优势
快
```

# 6. 同步和异步

1. 同步：代码从上到下执行，后面的代码，必须等前面代码执行完毕，才能执行
2. 异步：代码从上到下执行，遇到异步代码，异步代码会让开，等待所有同步代码执行完毕，才来执行异步代码

## 1.1 js中的异步的情况

1. 定时器的那个回调函数
2. 事件处理函数
3. ajax的那个回调函数

# 7. Promise

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

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