概念
- Promise 对象用于表示一个异步操作的最终完成或者失败，以及结果值
- Promise（）是一个构造函数，用于实例化 Promise对象
- Promise是一种新的写法，而不是新的功能
- 回调函数本身没有问题，问题是多个回调函数嵌套，容易形成回调地狱，Promise就是为了解决这个问题
语法
// 实例化一个Promise对象
new Promise(
// excutor 执行器
function(resolve,reject){}
)
// 使用函数包裹
function createPromise(...){
return new Promise(
function(resolve,reject)
)
}
语法解析
执行器函数解析
参数
执行器函数接收两个参数，resolve和reject。这两个都是函数，由JS引擎提供
执行
执行器函数内通常会执行一些异步操作，一旦异步操作完成，可以通过判断，要么调用resolve函数将Promise的状态由pending改为fulfilled，或者调用reject将Promise的状态修改为rejected
错误
如果在执行器函数内抛出一个错误，那么该promise的状态就会变化rejected，执行器函数的返回值将被忽略。
Promise的状态
Promise对象有三种状态
- pending 初始状态
- fulfilled 成功状态
- rejected 失败状态
pending状态的Promise对象可能会变为fulfilled状态并传递一个值给相应的状态处理方法。也可以变为失败状态并传递失败信息。
属性
方法(由Promise调用)
Promise.resolve(value)
返回一个给定值解析后的Promise对象。（将参数转化为Promise对象）。
返回值规则
- 如果value为基本类型的值，则返回一个resolved状态的Promise，并将value作为返回的Promise的第一个回调函数的参数。（作为成功回调函数的参数）
- 如果value为Promise，则返回这个Promise。
- 如果value为thenable对象，（定义了then方法的对象），返回的Promise会紧随这个对象，并且采用它的最终状态。（疑问）
注意
不要在解析为自身的thenable对象上调用Promise.resolve(),这将会导致无线递归。（有疑问）
Promise.reject(reason)
返回一个带有拒绝原因参数的Promise对象
Promise.reject("Testing static reject").then(
function(reason) {
// 成功时的回调函数未被调用
}, function(reason) {
// 失败时的回掉函数 执行了
console.log(reason); // "Testing static reject"
});
Promise.all(iterable)
Promise.race(iterable)
原型属性
原型属性是指Promise.prototype上的属性，即每个实例的公有属性。
原型方法
Promise.prototype.then(onFulfilled,onRejected)
参数
最多需要两个参数，Promise状态变为成功时的回调函数以及状态变为失败时的回调函数。
参数省略的情况
如果忽略针对某个状态的回调函数参数，或者提供非函数参数，那么then方法将会丢失关于该状态的回调函数信息，但是并不会产生错误。
如果调用then方法的Promise状态发生变化，但是then方法中没有关于这种状态的回调函数，那么then方法将自动创建一个没有经过回调函数处理的新Promise对象，这么新的Promise的状态就是原来的Promise的终态。（仔细理解）
var p = new Promise((resolve, reject) => {
resolve('foo')
})
// 'bar'不是函数，会在内部替换为 (x)=>x
p.then('bar').then((value)=>{
console.log(value) //'foo'
})
参数解析
- onFulfilled 当Promise状态变成接受状态时，该参数作为回调函数被调用。该函数有一个参数，即接受的最终结果。
- onRejected 当Promise变成拒绝状态，该参数作为回调函数被调用。该函数有一个参数，即拒绝的原因。
返回值
返回值存在以下几种情况：
- 返回一个值
- 不返回值
- 返回一个Promise
- 返回一个完成状态的Promise
- 返回一个拒绝状态的Promise
- 返回pengding状态的Promise
具体分析如下：
- 如果then中的回调函数返回一个值，那么then中返回 的promise会变成接受状态，并且将返回的值作为接受状态的回调函数的的参数值。
// 实例化一个Promise对象
var p = new Promise((resolve,reject)=>{ resolve('foo')})
// 首先 resolve函数 可以向回调函数传递一个值，通过resolve(value)的方式
p.then((value)=>{
return 'xhb' // then中的回调函数返回 return一个值
})
// 首先 我们知道 then方法 会返回一个Promise对象
// 根据规则，如果在then中的回调函数中返回一个值， 会将整个then方法返回的promise的状态变为成功状态
// 并且 我们在上一个promise return的值，会作为下一个promise的then方法中第一个回调函数（完成状态的
//的回调函数）的参数，即可以在完成状态的回调函数接受到这个值，我们可以打印一下
p.then((value)=>{
return 'xhb'
}).then(value => {
console.log(value)
})
在浏览器中运行如下：
- 如果then中回调函数没有返回值，那么then方法返回的Promise状态会变成接受状态，并且这个promise的第一个回调函数（成功状态的回调）会接受一个undefined的参数
具体分析如下：
// 实例化一个Promise
var p = new Promise((resolve,reject)=>{ resolve("foo")})
p.then((value)=>{
console.log(value) // 打印参数 这里并没有返回值
// 根据规则,then方法就会返回一个resolved状态的promise,并且接收一个值为undefinde的参数
}).then(
function(value){
// 接收一个值为undefined的参数
console.log(value) // undefined
}
)
在浏览器中运行如下：
- 如果then方法中的回调函数抛出一个错误，那么then方法将返回一个rejected状态的Promise，并且抛出的错误将作为这个Promise的第二个回调函数（拒绝状态的回调函数）的参数。
- 返回一个resolved状态的Promise，如果then中的回调函数返回一个已经是成功接受状态的Promise，那么then中返回的Promise也是成功状态，并且将那个Promise的接受状态的回调函数参数值作为then方法返回的Promise的接受状态的回调函数的参数（成功状态的回调函数的参数 会传递）
具体分析如下：
// 实例化一个Promise
var p = new Promise({(resolve,reject)=>{ resolve('foo')})
// 返回一个成功状态的Promise
// ？ 调用构造函数 实例化Promise的时候，就已经执行了执行器函数，
p.then(()=>return new Promise((resolve)=>{ resolve('return PromiseValue')})
在浏览器中运行
Promise.prototype.catch(onRejected)
catch方法返回一个Promise，并且处理拒绝的情况。它的行为与调用Promise.prototype.then()。
参数
- OnReject 当Promise被rejected时，被调用的一个Funtion。该函数拥有一个参数：
- reason rejection的原因
- 如果 onRejected抛出一个错误或返回一个本身失败的Promise，通过catch（）返回的Promise被rejected，否则，它将显示为成功。
Promise.prototype.finally(onFinally)
finally（）方法返回一个Promise。在Promise结束时，无论结果是fulfilled，或者是rejected，都会执行执行的回调函数。
这避免同样的语句需要在then方法和catch方法中各写一次。
创建Promise
Promise对象是由关键字new及其构造函数来创建的。
该构造函数会把一个叫做处理器的函数作为它的参数。
处理器函数接受两个函数resolve和reject作为它的参数。
当异步任务顺利完成且返回结果值的时候，会调用resolve函数。
而当异步任务失败且返回失败原因时，会调用reject函数。
实例
//使用Promise 完成读取文件
const fs = require('fs')
// 实例化一个promise对象
const readFilePromise = function(fileName){
return new Promise((resolve,reject)=>{
fs.readFile(fileName,'utf-8',(err,data)=>{
if(err) reject(err)
resolve(data)
})
})
}
const p1 = readFilePromise('./index.html')
p1.then((data)=>{
console.log(data)
}).catch(err=>{
console.log(err)
})
