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

标题: 蒋鹏冲-20221128-js高级05 [打印本页]

作者: 北纬33 时间: 2022-11-28 23:39
标题: 蒋鹏冲-20221128-js高级05
一，今日学习内容：
1.解构赋值：

1.1解构数组：

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

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

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

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

1.3结构函数参数

本质还是结构数组和对象

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

参数是对象
function fn({})
```

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 '文件路径'
```

6.同步和异步

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

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

1.1js中的异步的情况

1.定时器的回调函数

2.事件处理函数

3.ajax的回调函数

7.Promise

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

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