同步回调:
理解: 立即执行, 完全执行完了才结束, 不会放入回调队列中
例子: 数组遍历相关的回调函数 / Promise 的 executor 执行器函数
异步回调:
理解: 不会立即执行, 会放入回调队列中将来执行
例子: 定时器回调 / ajax 回调 / Promise 的成功 | 失败的回调
1、错误的类型
Error：所有错误的父类型
ReferenceError：引用的变量不存在
TypeError：数据类型不正确的错误
RangeError：数据值不在其所允许的范围内
SyntaxError：语法错误
2、错误处理
捕获错误：try ... catch
抛出错误：throw error
3、错误对象
message 属性：错误相关信息
stack 属性：函数调用栈记录信息
Promise 是异步编程的一种解决方案，是 ES6 中的一种规范。所谓 promise ，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。
从语法上来说，Promise 是一个构造函数 ；从功能上来说，promise 对象用来封装一个异步操作并可以获取其成功/ 失败的结果值。
- 对象的状态不受外界影响。promise 对象代表一个异步值，有三种状态：pending（进行中）、fulfilled（已成功）、rejected（已失败）。只有异步操作的结果可以改变这种状态，其他任何操作都不能改变。
- 状态一旦变化，就不再发生改变。状态的变化只有两种：从 pending 变为 fulfilled （又被称为 resolved ），或者从 pending 变为 rejected。无论状态变为成功还是失败, 都会有一个结果数据 。其中，成功的结果数据一般称为 value ，失败的结果数据一般称为 reason
new 一个 promise 实例对象后，紧接着发生的基本流程如下 ：
<script>
/*
1. 创建一个promise实例，这时为 pending状态，
构造函数 Promise的参数是执行器函数 executor，一般写成箭头函数的形式
*/
const p = new Promise((resolve, reject) => {
// 2.在执行器函数中启动异步任务
setTimeout(() => {
const start = Date.now()
if (start % 2) {
// 3.如果成功，调用 resolve函数 ，
// 状态变为 fulfilled（resolvecd），value为成功的值 'ok'
resolve('ok');
}else{
// 4.如果失败，调用 reject函数 ，
// 状态变为 rejected，reason为失败的值 'error'
reject('error')
}
}, 1000)
})
/*
5. 状态变化后，执行then方法，
如果是成功的状态，则调用第一个函数，否则调用第二个函数，来获取成功或失败的值
*/
p.then(value =>{
// 成功的回调函数 onResolved, 得到成功的 vlaue
console.log('success:' + value)
},reason =>{
// 失败的回调函数 onRejected, 得到失败的 reason
console.log('fail:' + reason)
})
</script>then() 方法的执行结果如下：
在 promise 出现之前，解决异步编程的方法是使用传统的回调函数和事件。传统的回调函数会出现“回调地狱”：回调函数嵌套调用, 外层回调函数异步执行的结果是嵌套的内层回调执行的条件。
回调地狱：
request1(function(result1){
request2(result1,function(result2){
request3(result2,function(result3){
// do something...
console.log(result3)
})
})
})嵌套使用回调函数，还有以下的弊端：
- 代码臃肿。
- 可读性差。
- 耦合度过高，可维护性差。
- 代码复用性差。
- 容易滋生 bug。
- 只能在回调里处理异常。
解决方案：可以使用 promise 链式调用的方式解决该问题。
request1.then(result =>{
return request2(result)
}).then(newResult =>{
return request3(newResult)
})传统的方式，必须在启动异步任务前指定回调函数，使用 promise 后，启动异步任务后，返回promise 对象，再给这个对象绑定回调函数。
async await 也是异步编程的一种方案，它遵循的是 Genarator 函数的语法糖，有内置的执行器函数，不需要额外调用，可以自动执行并输出结果，返回一个 promise 对象。
async await 是基于 promise 实现的，是改良版的 promise ，不能用于普通的回调函数。
- executor 函数: 执行器 (resolve, reject) => {}
- resolve 函数: 内部定义成功时我们调用的函数 value => {}
- reject 函数: 内部定义失败时我们调用的函数 reason => {}
- 说明: executor 会在 Promise 内部立即同步调用,异步操作在执行器中执行
- onResolved 函数: 成功的回调函数 (value) => {}
- onRejected 函数: 失败的回调函数 (reason) => {}
- 说明: 指定用于得到成功 value 的成功回调和用于得到失败 reason 的失败回调
- 返回一个新的 promise 对象
- onRejected 函数: 失败的回调函数 ( reason ) => {}
- 说明: then() 的语法糖, 相当于: then( undefined , onRejected )
- value: 成功的数据或 promise 对象
- 说明: 返回一个成功/失败的 promise 对象
- reason: 失败的原因
- 说明: 返回一个失败的 promise 对象
- promises: 包含 n 个 promise 的数组
- 说明: 返回一个新的 promise, 只有所有的 promise 都成功才返回一个成功的 promise , 只要有一个失败就直接失败，返回一个失败的 promise
- promises: 包含 n 个 promise 的数组
- 说明: 返回一个新的 promise, 第一个完成的 promise 的结果状态就是最终的结果状态
- 调用 resolve(value)：当前是 pending 状态，就变为 resolved（即 fulfilled ）
- 调用 reject(reason)：当前是 pending 状态，就变为 rejected
- 抛出异常 throw ERROR ：当前是 pending 状态，就变为 rejected
当 promise 改变为对应的状态时，会调用相应的回调函数。
- 都有可能, 正常情况下是先指定回调再改变状态, 但也可以先改状态再指定回调
- 如何先改状态再指定回调?
- ① 在执行器中直接调用 resolve()/reject()
- ② 延迟更长时间才调用 then()
- 什么时候才能得到数据?
- ① 如果先指定的回调, 那当状态发生改变时, 回调函数就会调用, 得到数据
- ② 如果先改变的状态, 那当指定回调时, 回调函数就会调用, 得到数据
- 简单表达: 由 then()指定的回调函数执行的结果决定
- 详细表达:
- ① 如果抛出异常, 新 promise 变为 rejected, reason 为抛出的异常
- ② 如果返回的是非 promise 的任意值, 新 promise 变为 resolved, value 为返回的值
- ③ 如果返回的是另一个新 promise, 此 promise 的结果就会成为新 promise 的结果
- promise 的 then()返回一个新的 promise, 可以开成 then()的链式调用
- 通过 then 的链式调用串连多个同步/异步任务
- 当使用 promise 的 then 链式调用时, 可以在最后指定失败的回调,
- 前面任何操作出了异常, 都会传到最后失败的回调中处理
- 办法: 在回调函数中返回一个 pendding 状态的 promise 对象