javascript - for 루프 코드의 실행 순서에 대한 질문

Question

WeChat 애플릿에서는 캔버스를 클릭하여 그림으로 변환한 후 미리 볼 수 있습니다. for 루프에서 호출되는 비동기 메서드가 포함되므로 온라인 제안을 참조하고 for 루프 내에서 즉시 실행 기능을 사용했습니다. 많은 테스트 끝에 이 때 콘솔은 먼저 "loop index is 1"을 인쇄한 다음 "loop index is 0"(편의상 모델 길이는 2)을 인쇄합니다. 이런 상황에서는 첫 번째 캔버스를 클릭하면 결과를 미리 볼 수 있습니다. 그러나 두 번째 캔버스이므로 하나님께서 저에게 깨달음을 주실 수 있기를 바랍니다.

으아악 으아악

Answer 1

이는 정상적인 현상입니다. 비동기 반환 시점이 불확실하므로 동시에 두 개의 비동기 메서드가 있는 경우 반환 순서도 불확실합니다. WeChat에서는 해보지 않았지만 h5 동기화 방법도 지원해야 합니다. 작동하지 않으면 대기열에 반환되지 않은 요청이 여러 개 있는 경우 변수 컨트롤을 추가하세요. 마지막 항목만 표시하고 다른 항목은 표시하지 않습니다.