대기 중...
'대기 중... ' 문은 비동기 를 반복하는 루프를 만듭니다. 개체 및 동기화 배열, 배열과 유사한 객체, 맵 세트 등과 같은 객체
구문
for await (variable of iterable) {
statement
} 예시
다음 예에서 "for await...of " 문은 비동기 형식의 일반 배열을 반복하는 데 사용되며 출력에 표시된 대로 정수가 1에서 5까지 표시되었습니다.
<html>
<body>
<script>
var txt = "";
const array = [1,2,3,4,5];
async function test() {
for await (const p of array) {
var txt = p + "</br>";
document.write(txt);
}
}
test();
</script>
</body>
</html> 출력
1 2 3 4 5
비동기 를 호출하려면 루프의 함수, 새 기호 "Symbol.asyncIterator " 및 "대기 중... " 구문이 사용됩니다. 가장 중요한 것은 "for-await...of "는 비동기 반복 가능한 개체를 반복하는 데 중요한 역할을 했습니다.
예시
"for await...of를 사용하는 다음 예에서 ", 비동기 반복 가능을 반복합니다. , 1에서 5까지의 정수가 표시되었습니다.
<html>
<body>
<script>
var txt = "";
var async = {
[Symbol.asyncIterator]() {
return {
i: 1,
next() {
if (this.i < 6) {
return Promise.resolve({ value: this.i++, done : false});
}
}
};
}
};
async function test() {
for await (let p of async) {
txt = p + "</br>"
document.write(txt);
}
}
test();
</script>
</body>
</html> 출력
1 2 3 4 5