Promise & await

0. 原版 promise

console.log('up');
async function a() {
	console.log('in up');
	await b();
	console.log('in down');
}
console.log('down');
function b() {
	return new Promise((reslve, reject) => {
		console.log(1);
		setTimeout(() => {
			console.log(2);
			reslve();
		}, 2000);
	})
}
a();

1. map 循环请求 解决地狱回调问题 数据顺次请求 数据与数据之间有关联

function 摇色子() {
	return new Promise((resolve, reject) => {
		let sino = parseInt(Math.random() * 6 + 1)
		setTimeout(() => {
			resolve(sino)
		}, 3000)
	})
}
async function test() {
	let n = await 摇色子();
	let s = await 摇色子(n);
	console.log(n, s)
}
test()

2. 数组格式请求 解决多个数据需要同时请求 但数据与数据之间不发生关系

function a() {
	return new Promise((resolve, reject) => {
		var res = [
			abc(),
			def(),
		]
		Promise.all(res).then((res) => {
			console.log('is over', res);
			resolve(res);
		})
	})
}
function abc() {
	return new Promise((resolve, reject) => {
		setTimeout(() => { resolve('abc2') }, 2000)
	})
}
function def() {
	return new Promise((resolve, reject) => {
		setTimeout(() => { resolve('def2') }, 4000)
	})
}
a();