Tầm quan trọng của câu lệnh 'for await ... of' trong JavaScript là gì?

for await ... trong số

' for await ... of câu lệnh 'tạo một vòng lặp lặp qua async đối tượng và đồng bộ hóa các đối tượng như mảng, đối tượng dạng mảng, tập bản đồ, v.v.

cú pháp

for await (variable of iterable) {
   statement
}

Ví dụ

Trong ví dụ sau " for await ... of "câu lệnh được sử dụng để lặp qua một mảng bình thường ở định dạng không đồng bộ và các số nguyên được hiển thị từ 1 đến 5 như được hiển thị trong đầu ra.

<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>

Đầu ra

Để gọi một không đồng bộ hoạt động trong một vòng lặp, một Biểu tượng mới " Symbol.asyncIterator "và" for-await ... trong số "cấu trúc được sử dụng. Quan trọng nhất là" for-await ... of "đã đóng một vai trò quan trọng để lặp qua đối tượng có thể lặp lại không đồng bộ.

Ví dụ

Trong ví dụ sau, sử dụng " for await ... of ", lặp lại qua có thể lặp lại không đồng bộ , các số nguyên từ 1 đến 5 đã được hiển thị.

<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>

Đầu ra