1. 筹备
1.1. 函数对象与实例对象
- 函数对象: 将函数作为对象应用时, 简称为函数对象
- 实例对象: new 函数产生的对象, 简称为对象
1.2. 回调函数的分类
同步回调:
- 了解: 立刻执行, 齐全执行完了才完结, 不会放入回调队列中
- 例子: 数组遍历相干的回调函数 / Promise的excutor函数
异步回调:
- 了解: 不会立刻执行, 会放入回调队列中未来执行
- 例子: 定时器回调 / ajax回调 / Promise的胜利|失败的回调
1.3. JS中的Error
谬误的类型
- Error: 所有谬误的父类型
- ReferenceError: 援用的变量不存在
- TypeError: 数据类型不正确的谬误
- RangeError: 数据值不在其所容许的范畴内
- SyntaxError: 语法错误
错误处理
- 捕捉谬误: try ... catch
- 抛出谬误: throw error
谬误对象
- message属性: 谬误相干信息
- stack属性: 函数调用栈记录信息
2.Promise的了解和应用
2.1. Promise是什么?
形象表白:
- Promise是JS中进行异步编程的新的解决方案(旧的是谁?)
具体表白:
- 从语法上来说: Promise是一个构造函数
- 从性能上来说: promise对象用来封装一个异步操作并能够获取其后果
promise的状态扭转(只有2种, 只能扭转一次)
- pending变为resolved
- pending变为rejected
- promise的根本流程
2.2. 为什么要用Promise?
- 指定回调函数的形式更加灵便: 能够在申请收回甚至完结后指定回调函数
- 反对链式调用, 能够解决回调天堂问题
2.3. 如何应用Promise?
次要API
- Promise构造函数: Promise (excutor) {}
- Promise.prototype.then办法: (onResolved, onRejected) => {}
- Promise.prototype.catch办法: (onRejected) => {}
- Promise.resolve办法: (value) => {}
- Promise.reject办法: (reason) => {}
- Promise.all办法: (promises) => {}
- Promise.race办法: (promises) => {}
几个重要问题
- 如何扭转promise的状态?
- 一个promise指定多个胜利/失败回调函数, 都会调用吗?
- promise.then()返回的新promise的后果状态由什么决定?
- 扭转promise状态和指定回调函数谁先谁后?
- promise如何串连多个操作工作?
- promise异样传(穿)透?
- 中断promise链
3.自定义Promise
- 定义整体构造
- Promise构造函数的实现
- promise.then()/catch()的实现
- Promise.resolve()/reject()的实现
- Promise.all/race()的实现
- Promise.resolveDelay()/rejectDelay()的实现
- ES6 class版本
4.async与await
async 函数
- 函数的返回值为promise对象
- promise对象的后果由async函数执行的返回值决定
await 表达式
- await右侧的表达式个别为promise对象, 但也能够是其它的值
- 如果表达式是promise对象, await返回的是promise胜利的值
- 如果表达式是其它值, 间接将此值作为await的返回值
留神:
- await必须写在async函数中, 但async函数中能够没有await
- 如果await的promise失败了, 就会抛出异样, 须要通过try...catch来捕捉解决
5.JS异步之宏队列与微队列
- 宏列队: 用来保留待执行的宏工作(回调), 比方: 定时器回调/DOM事件回调/ajax回调
- 微列队: 用来保留待执行的微工作(回调), 比方: promise的回调/MutationObserver的回调
JS执行时会区别这2个队列
- JS引擎首先必须先执行所有的初始化同步工作代码
- 每次筹备取出第一个宏工作执行前, 都要将所有的微工作一个一个取出来执行