비동기은 대해 forEach

Question

에서 기다리고

I가 예상대로 작동 다음과 같은 기능 :

:

createObjectFrom(record) { 
    let obj = {}; 

    this.opts.transformers.forEach((transformer, index) => { 
     const headerIndex = findIndex(this.headers, (header) => { 
     return header === transformer.column; 
     }); 

     const value = transformer.formatter(record[headerIndex]); 

     obj[transformer.field] = value; 
    }); 

    return obj; 
    } 

이 같은 foreach는 본문에 비동기 기능을 비동기 기다리고 있습니다를 사용하여 전화를 리팩토링 할

createObjectFrom(record) { 
    let obj = {}; 

    this.opts.transformers.forEach(async (transformer, index) => { 
     const headerIndex = findIndex(this.headers, (header) => { 
     return header === transformer.column; 
     }); 

     const result = await this.knex('managers').select('name') 

     console.log(result); 

     const value = transformer.formatter(record[headerIndex]); 

     obj[transformer.field] = value; 
    }); 

    return obj; 
    } 

forEach가 이제 비동기 적으로 실행되고 함수가 방금 실행되고 떠날 때 함수가 중단됩니다.

동기식으로 forEach를 실행하려면 async를 사용할 수있는 방법이 있습니까? 내가 발전기를 리팩터링 할 수 있을까?

Answer 1

비동기 동작을 기다리는 일반 JS 함수를 적용 할 수 없습니다. 방법이 없다!

따라서 createObjectFrom도 비동기로 리팩터링해야합니다. 그리고 나서 forEach 대신 map/reduce를 사용하십시오. 는이 작업을 수행하지 않으 확대됨에 예정 :

for(transformer of this.opts.transformers) { 
    await this.knex('managers').select('name'); 
} 

대신 당신은 await Promise.all(...)를 사용해야합니다. 당신이 비동기 각 항목 뭔가를 가져처럼 그것을 할 그런 짓을하려는 경우에는

async createObjectFrom(record) { 
    let obj = {}; 

    const result = await this.knex('managers').select('name') 

    this.opts.transformers.forEach(async (transformer, index) => { 
    const headerIndex = findIndex(this.headers, (header) => { 
     return header === transformer.column; 
    }); 

    console.log(result); 

    const value = transformer.formatter(record[headerIndex]); 

    obj[transformer.field] = value; 
    }); 

    return obj; 
} 

:이 작업을 수행 할 수 있도록

그러나 귀하의 경우 knex에 대한 호출은 변압기에 의존하지 않는 것 같다 이 :

async foo(data) { 
    const subDataArr = await Promise.all(data.map(record => loadSubData(record))); 

    return subDataArr; 
}