javascript 자바스크립트 forEach 메서드 사용한 코드 질문입니다.

Question

안녕하세요, 초보코더 첫 질문 글 남깁니다.비동기, promise, callback등을 검색해보고,배열의 forEach 메서드를 사용한 제 코드를 해석하다가 궁금한 점이 생겨서 질문글을 남기게 되었습니다.예제로 코드를 가져와 보았는데요.// 인터넷 서치를 해보니 forEach 메서드의 코드는 다음과 같이 표현될 수 있다고 합니다. Array.prototype.forEach = function (callback) { for (let index = 0; index < this.length; index++) { callback(this[index], index, this); } }; 제가 해석한 부분이 맞게 해석한 것인지 궁금합니다. 고수 선생님들의 코드 작동과정(?) 설명이 필요합니다.const waitFor = (ms) => new Promise(resolve => setTimeout(()=>resolve("hi"), ms)); [1, 2, 3].forEach(async (num) => { const result = await waitFor(5000); console.log(result) console.log(num); }); // >>> 결과: 5초후에 한꺼번에 밑에 콘솔찍음. hi 1 hi 2 hi 3 // 제가 한 코드 해석입니다. 1. await 부여된 waitFor(5000) 실행 >>> 5초 기다리고 "hi" 가져와서 상수 result 에 할당. 2. 상수 result(>>> "hi") 콘솔찍음 3. forEach 메서드가 갖고 있는 for 반복문으로 들어온 num 첫 번째 콘솔찍음.(>>> 1) 4. waitFor(5000) 안 기다림 5. 상수 result(>>> "hi") 콘솔찍음 6. forEach 메서드가 갖고 있는 for 반복문으로 들어온 num 두 번째 콘솔찍음.(>>> 2) 7. waitFor(5000) 안 기다림 8. 상수 result(>>> "hi") 콘솔찍음 9. forEach 메서드가 갖고 있는 for 반복문으로 들어온 num 세 번째 콘솔찍음.(>>> 3) 10. 종료두 번째는 외국 사이트에서 찾은 변경된 코드와 다른 결과인데요.다른 결과를 얻기 위해서 forEach를 다른 asyncForEach로 옆그레이드 시킨 코드입니다.마찬가지로 제가 한 해석이 맞는지 궁급합니다.const waitFor = (ms) => new Promise(r => setTimeout(() => r(), ms)); async function asyncForEach(array, callback) { for (let index = 0; index < array.length; index++) { await callback(array[index], index, array); } } asyncForEach([1, 2, 3], async (num) => { await waitFor(5000); console.log(num); }) // 제가 한 코드 해석입니다. 1. await가 부여된 waitFor(5000)함수를 실행>>> 5초 대기 2. asyncForEach 함수 내부 반복문으로 뽑은 첫 번째 값을 num에 할당 (=== 인수 num에 1 할당) 3. num을 콘솔찍음.( >>> 1) 4. await가 부여된 waitFor(5000)함수를 실행>>> 5초 대기 5. asyncForEach 함수 내부 반복문으로 뽑은 두 번째 값을 num에 할당 (=== 인수 num에 2 할당) 6. num을 콘솔찍음.( >>> 2) 7. await가 부여된 waitFor(5000)함수를 실행>>> 5초 대기 8. asyncForEach 함수 내부 반복문으로 뽑은 세 번째 값을 num에 할당 (=== 인수 num에 3 할당) 9. num을 콘솔찍음.( >>> 3) 10. 종료도움을 주시는 분들께 미리 감사한 마음을 전합니다.

으악 또 · Answer

예제가 프로미슈를 사용해서 비동기적으로 작동하는 프로그램을 동기적으로 작동 하는 예제임동기적인 포이치가 궁금 하시면 프로 미슈 빼고 검색 하시면 되공프로 미슈가 궁금 하신거면 프로미슈로 검색 ㄱㄱ싱

javascript 자바스크립트 forEach 메서드 사용한 코드 질문입니다.

1개의 답변

Q&A 목록