js中forEach与for循环实现按顺序输出promise

1. forEach与for循环区别
   1 forEach 不能使用break，或者return跳出循环
   2 forEach 底层使用的是 let 关键词声明变量 。
   3 forEach不能使用索引，无法定义起始终止位置
   4 forEach没有for循环效率高。

2. 上述第二条很重要。forEach是为每一个遍历的元素使用let，定义了块级作用域，每个元素之间互不相干。

题干：通过数组中的值设定第一个promise使用9秒，第二个使用八秒，第三个使用七秒，第四个使用六秒。。。

let arr=[1,2,3,4];
(async()=>{
	arr.forEach(async ele=>{
		let res=await new Promise((resolve,reject)=>{setTimeout(()=>{
			resolve(ele)
		},(10-ele)*1000)})
		console.log(res)
	})
})()

相当于
res1=await {setTimeout(()=>{
resolve(1)
},(10-1)*1000) }

res2=await {setTimeout(()=>{
resolve(2)
},(10-2)*1000) }
首先拿到4个pending的promise对象，然后分别.then注册成功的回调，一秒后res1、res2、res3, res4状态变为fulfilled，最后从上到下依次打印结果，四块代码会同时执行。
所以每个定时器定时结束以后就会执行到resolve的方法。所以最终代码的输出结果是
先隔七秒输出4，然后每隔一秒输出一个3，2，1。
如果使用for循环，就能够按顺序输出1，2，3，4。 隔9秒输出1， 隔8秒输出2， 隔7秒输出3， 隔6秒输出4

let arr=[1,2,3,4];
(async()=>{
	for(let index=0;index<arr.length;index++){
		let res=await new Promise(resolve=>setTimeout(()=>{
			resolve(arr[index])
		},(10-arr[index])*1000))
		console.log(res)
	}
})()