异步处理

js将任务执行分为同步队列和异步队列

同步队列中，会先等待上一个任务执行完毕，再执行下一个任务
异步队列中，所有任务同时执行

定时器，IO操作，网络请求都会进入异步队列，不会等待上一个任务执行完毕，再执行下一个任务，但有些任务需要等待这些任务执行完毕再执行

promise

new Promise((resolve,reject)=>{
     
	setTimeout(()=>{
     
		resolve('done')
	},2000)
}).then(res=>{
     
	console.log(res)	
})

promise对象接收一个函数，并负责该函数执行，函数的两个分别参数为resolve，reject的函数。
如果执行成功，将调用resolve
如果失败，调用reject

Promise.all

Promise.all([new Promise((resolve,reject)=>{
     
	setTimeout(()=>{
     
		resolve('done2')
	},3000)
}),new Promise((resolve,reject)=>{
     
	setTimeout(()=>{
     
		resolve('done1')
	},1000)
})]).then((res)=>{
     
	console.log(res)
})

同时执行两个任务，并在两个任务都执行完毕后执行then

Promise.race

Promise.race([new Promise((resolve,reject)=>{
     
	setTimeout(()=>{
     
		resolve('done2')
	},3000)
}),new Promise((resolve,reject)=>{
     
	setTimeout(()=>{
     
		resolve('done1')
	},1000)
})]).then(res=>{
     
	console.log(res)
})

同时执行两个任务，then获得任务较快获得结果的并执行

async await

(async ()=>{
     
	let res = await new Promise((resolve,reject)=>{
     
		setTimeout(()=>{
     
			resolve('1s')
		},1000)
	})
	console.log(res)
})()

(async ()=>{
     
	let res = await new Promise((resolve,reject)=>{
     
		setTimeout(()=>{
     
			resolve('1s')
		},1000)
	})
	console.log(res)
	let res2 = await new Promise((resolve,reject)=>{
     
		setTimeout(()=>{
     
			resolve('2s')
		},2000)
	})
	console.log(res2)
})()