关于js循环体中使用异步函数的坑

起因：
能遇到这个问题我也是麻了。我想在循环中使用异步函数，从异步函数中获取新的数据，组成一个新的数组，最后进行返回

经过：
问题代码

const a = [111,222,333,444]
let newArr = []

a.foreach((item)=>{
	setTimeout(()=>{//异步函数
		newArr.push(item)
	},0)
})
console.log(newArr)

输出：
[]

问题代码2

const a = [111,222,333,444]
let newArr = []
function addArr(){
	return new Promise((resolve)=>{
		setTimeout(()=>{//异步函数
			
		},0)
	})
}

(async ()=>{
	a.foreach(async (item)=>{
		await addArr()
		newArr.push(item)
})
console.log(newArr)
})()

输出：
[]

解决问题：
把foreach换成普通的循环函数即可，异步函数只能在本函数内执行才有效，这里使用foreach中，创建了一个新的函数体，所以外部对foreach中的函数不受控制，千万不能向这样粗心！！！