異步問題async-awit

這個問題不好描述,但我盡量

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

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

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

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

ProjectPanorama

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

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

結果變正常了

正因為這個現(xiàn)象,我才懷疑是異步那出問題,而不是這個orm庫

可能的原因

由于forEac中第一個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()  // 第一個await
    }
    proj_pano.markers = markerToPP
    await proj_pano.save()
    // project.projectPanoramas.push(proj_pano)
})

導致程序會這樣執(zhí)行

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

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