異步問題async-awit

這個(gè)問題不好描述,但我盡量

這段是我的業(yè)務(wù)代碼,但是其中的業(yè)務(wù)與本問題無關(guān)
首先這個(gè)項(xiàng)目我用了一個(gè)orm(typeOrm),我現(xiàn)在在創(chuàng)建mock數(shù)據(jù)
ProjectPanorama是一個(gè)中間表(Project與Panorama的中間表)

我先創(chuàng)建了3個(gè)Panorama(mockData.defaultPanoramas)

1. 再循環(huán)這3個(gè)Panorama來創(chuàng)建3個(gè)ProjectPanorama
2. 最后保存

最終在數(shù)據(jù)庫(kù)中看到的是

ProjectPanorama

我上面創(chuàng)建了3個(gè)panorama,但似乎只有最后一個(gè)被用了

后面我改成這樣,不再使用let proj_pano,而是每個(gè)循環(huán)時(shí)const一個(gè)

結(jié)果變正常了

正因?yàn)檫@個(gè)現(xiàn)象,我才懷疑是異步那出問題,而不是這個(gè)orm庫(kù)

可能的原因

由于forEac中第一個(gè)await的原因

panoramas.forEach(async (p, j) => {
    proj_pano = new ProjectPanorama()
    proj_pano.project = project
    proj_pano.panorama = p
    
    // marker
    const markerToPP = []
    for (let k = 1; k <= 3; k += 1) {
      await marker.save()  // 第一個(gè)await
    }
    proj_pano.markers = markerToPP
    await proj_pano.save()
    // project.projectPanoramas.push(proj_pano)
})

導(dǎo)致程序會(huì)這樣執(zhí)行

proj_pano = new ProjectPanorama()
proj_pano.project = project
proj_pano.panorama = p
const markerToPP = []
// 遇到await,跳到forEach的下一個(gè)循環(huán)
// .....
proj_pano = new ProjectPanorama() // 第三個(gè)proj_pano
proj_pano.project = project
proj_pano.panorama = p
const markerToPP = []
// ....
// 當(dāng)上面的await執(zhí)行完
// 此時(shí)proj_pano,其實(shí)是第三個(gè)proj_pano
proj_pano.markers = markerToPP // markerToPP時(shí)在當(dāng)前作用域定義的,所以是第一個(gè)
await proj_pano.save() //雖然這個(gè)orm框架多次調(diào)用save是不會(huì)保存的,但是每次save前markers是不一樣的,框架會(huì)允許它保存數(shù)據(jù)
//還是三個(gè)proj_pano
proj_pano.markers = markerToPP // 第二個(gè)
await proj_pano.save()
//還是三個(gè)proj_pano
proj_pano.markers = markerToPP // 第三個(gè)
await proj_pano.save()

另外不要在forEach中使用await
https://stackoverflow.com/que...