Promise使用总结

一、Promise是什么？

promise本质就是一个构造函数，其自身有resolve, reject等方法，原型中有then，catch等方法

二、Promise resolve() 和 reject() 介绍

1.then() 和catch()

把原来的回调写法分离出来，在异步操作执行完后，用链式调用的方式执行回调函数，then 可以捕获fullfilled,rejected两种状态的回调，catch 仅可以捕获rejected状态的回调

2.resolve() 和 reject()

function prom (kind) {
	return new Promise(function (resolve,reject) {
		if (kind === 1) {
			resolve('success')
		} else {
			reject('fail')
		}
		
	})
}
prom().then( () => {
	console.log(arguments)
})

Promise通过resolve将状态置为fullfiled，reject将状态置为rejected；

使用then()方法可以接收resolve和reject执行后的回调（ps：then(success(), fail())）,
并通过形参或arguments的形式获取参数

catch() 方法既可以捕获reject执行后的回调，其形式等同于 then方法的第二个参数

ps：当你使用Promise时，可以发现在函数定义时就已经被执行了一次，故Promise使用一般被包裹在方法内，使用时调用该方法执行

3.all() 和race()

// 假设run1，run2，run3为3个异步函数
Promise.all([run1(), run2(), run3()])
.then(() => {
	console.log('执行完成')
})

all()方法通过接收一个数组的方式，执行多个异步函数，并在最慢的异步函数执行完毕后进入then中，其返回结果的方式也是一个数组


使用场景：多个资源并行请求，并在所有资源请求完毕后继续向下执行

// 假设run1，run2，run3为3个异步函数
Promise.all([run1(),run2(),run3()])
.then(() => {
	console.log('执行完成')
})

all方法是以执行最慢的异步函数为基准执行回调，race方法恰恰相反是以执行最快的函数为基准执行回调


使用场景：设置请求超时操作，大屏图片分步请求即使渲染

ps:race中执行回调并不意味着其余尚未执行完毕的异步函数会停止，而是会继续执行直到输出其结束标志，其输出顺序在then之后

总结

这些就是在Promise标准中的属性，其余语法糖并不在官方标准中，如想学习可以参考相关文档进行进一步了解