一,今日学习内容:
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.作用:控制异步的顺序,解决回调地狱的问题
|