Promise

// Promise 构造函数包含一个参数和一个带有 resolve（解析）和 reject（拒绝）两个参数的回调。在回调中执行一些操作（例如异步），如果一切都正常，则调用 resolve，否则调用 reject。

let p1 = new Promise((resolve, reject) => {
  setTimeout(() => {
    // console.log(1)
    resolve(1)
  }, 1000)
})
let p2 = new Promise((resolve, reject) => {
  setTimeout(() => {
    // console.log(2)
    resolve(2)
  }, 2000)
})
let p3 = new Promise((resolve, reject) => {
  setTimeout(() => {
    // console.log(3)
    resolve(3)
  }, 3000)
})
/*
let promise =   new Promise()
 对于已经实例化过的 promise 对象可以调用 promise.then() 方法，传递 resolve 和 reject 方法作为回调
promise.then(onFulfilled, onRejected)
简化：promise.then(onFulfilled).catch(onRejected)
*/
p3.then(data => {
  console.log(data);
})
p1.then(data => {
  console.log(data);
})
p2.then(data => {
  console.log(data);
})
// 打印 1 2 3
setTimeout(async () => {
  let pp3 = await p3;
  console.log(pp3);
  let pp1 = await p1;
  console.log(pp1);
  let pp2 = await p2;
  console.log(pp2);
}, 100);
// 打印 3 1 2
/*
 Promise 对象有以下两个特点:
 1.对象的状态不受外界影响。有3种状态：pending-初始状态；fulfilled-操作成功完成；rejected-操作失败；
 2.一旦状态改变就不会改变。任何时候都可以得到这个结果；
 状态改变只有两种结果：pending=》fulfilled；pending=》rejected

 缺点：
 1.无法取消Promise，一旦新建它就会立即执行无法中途取消；
 2.如果不设置回调函数，Promise内部抛出错误不会反应到外部；
 3.当处于pending状态无法得知目前进展到哪一个阶段（刚刚开始还是即将完成）；
*/
// 什么是Async/Await，及其作用
/*
什么是：
①async/await是ES7新特性
②async/await是写异步代码的新方式，以前的方法有回调函数和Promise
③async/await是基于Promise实现的，它不能用于普通的回调函数
④async/await与Promise一样，是非阻塞的
⑤async/await使得异步代码看起来像同步代码，这正是它的魔力所在

*/