Promise学习-1

2.1 Promise是什么?

2.1.1 理解

1. 抽象表达
   1. Promise是一门新的技术(ES6规范)
   2. Promise是JS中进行异步编程的新解决方案
      备注:旧方案是单纯使用回调函数
      异步编程:
   • fs 文件操作 node.js下的模块

   require("fs").readFile("./index.html",(err,data)=>{})
   

   • 数据库操作 mysql
   • AJAX

   $.get("/server",(data)=>{})
   

   • 定时器 setTimeOut

   setTimeOut(()=>,2000);
   

2. 具体表达:
   1. 从语法上来说:Promise是一个构造函数
   2. 从功能上来说:promise对象是用来封装一个异步操作并可以获取其成功/失败的结果值

2.1.2 Promise对象状态的改变

状态为实例对象中的一个属性[PromiseState].

• pending 未决定的
• resolved / fullfilled 成功
• rejceted 失败

状态改变的情况

1. pending 变为 resolved
2. pending 变成 rejected

说明:只有这两种,且一个promise对象只能改变一次
无论改变为成功还是失败,都会有一个结果数据
成功的结果数据一般称为value,失败的结果数据一般称为reason.

2.1.3 Promise对象的值

值为实例对象的另一个属性[PromiseResult],保存的是对象 成功/失败的结果.只有resolve和reject函数可以设置这个值.

2.1.4 Promise的基本流程

2.2 为什么要使用Promise

2.2.1 指定回调函数的方式更加灵活

1. 旧的:必须在启动异步任务前决定
2. promise:启动异步任务=>返回promise对象 => 给promise对象绑定回调函数(甚至可以在异步任务结束以后指定/多个)

2.2.2 支持链式调用,可以解决回调地狱问题

asyncFunc1(opt, (...args1) => {
	asyncFunc2(opt, (...args2)) =>{
		asyncFunc3(opt,(...args3)) => {
			asyncFunc4(opt, (...args4) => {
				//some operation
		});
	});
});

1. 什么是回调地狱
   回调函数嵌套调用,外部回调函数异步执行的结果是嵌套的回调执行的条件
2. 回调地狱的缺点?

• 不便于阅读
• 不便于异常处理

3. 解决方案?
   promise链式调用
4. 终极解决方案
   async和await结合

2.3 如何使用Promise?

2.3.1 API

1. Promise构造函数:Promise(excutor){}

• executor()函数: 执行器 (resolve,reject)=>{}
• resolve 函数:内部定义成功时我们调用的函数 value =>{}
• reject 函数:内部定义失败时我们调用的函数reason =>{}
  说明:executor会在Promise内部立即同步调用,异步操作在执行器中执行.

2. Promise.prototype.then方法:{onResolved,onRejectd} =>{}

1. onResolved函数:成功的回调函数 (value) =>{}
2. onRejected函数:失败的回调函数 (reason) =>{}
   说明:指定用于得到成功value的成功回调和用于得到失败reason的失败回调返回一个新的promise对象

3. Promise.prototype.catch方法:(onRejected) =>{}

1. onRejected函数: 失败的回调函数 (reason)=>{}

4. Promise.resolve 方法:(value) =>{}

• value:成功的数据或promise对象
  说明: 返回一个成功/失败的promise对象

5. Promise.reject 方法:(reason)=>{}

• reason:失败的原因
  说明:返回一个失败的promise对象.

6. Promise.all方法:(promises)=>{}

• promises:包含n个promise的数组
  说明:返回一个新的promise,只有所有的promise都成功才成功,只要有一个失败了就直接失败.

7. Promise.race方法:(promises)=>{}

• promises:包含n个promise的数组
  说明:返回一个新的promise,第一个完成的promise的结果状态就是最终的结果状态.

2.3.2 promise的几个关键问题

1. 如何改变promise的状态?

• resolve(value):如果当前时pending就会变成resolved.
• reject(reason):如果当前是pending就会变成rejected
• 抛出异常: 如果当前是pending就会变成rejected

2. 一个promise指定多个成功/失败回调函数,都会调用么?
   当promise改变为对应状态时都会调用.

3. 改变promise状态和指定回调函数谁先谁后?
   (1) 都有可能,正常情况下是先指定回调再改变状态,但也可以先改变状态再指定回调
   (2) 如何先改变状态再指定回调
   ① 在执行器中直接调用resolve()/reject()
   ② 延迟更长时间才调用then()
   (3) 什么时候才能得到数据?(回调函数什么时候执行?)
   ① 如果先指定的回调,那当状态发生改变时,回调函数就会调用,得到数据.
   ② 如果先改变的状态,那当指定回调时,回调函数就会调用,得到数据.

4. promise.then()返回的新promise的结果状态由什么决定?
   (1) 简单表达:由then()指定的回调函数执行的结果决定.
   (2) 详细表达:
   ① 如果抛出异常,新promise变为rejected,reason抛出异常.
   ② 如果返回的是非promise的任意值,新promise变为resolved,value为返回的值.
   ③ 如果返回的是另一个新promise,此promise的结果就会成为新promise的结果

5. promise 如何串联多个操作任务
   (1) promise的then()返回一个新的promise,可以看成是then()的链式调用.
   (2) 通过then的链式调用串联多个同步/异步任务.

6. promise 异常传透?
   (1) 当使用promise的then链式调用时,可以在最后指定失败的回调.
   (2) 前面任何操作出了异常,都会传到最后失败的回调中处理

7. 中断promise链?
   (1) 当使用promise的then链式调用时,在中间中断,不再调用后面的回调函数.
   (2) 办法:在回调函数中返回一个pendding状态的promise对象.
   return new Promise(()=>{});