1.js

async function getResponseSize(url) {
  const response = await fetch(url);
  let total = 0;
  
  // Here comes the new bit…
  for await (const value of response) {
    total += value.length;
    console.log('Received chunk', value);
  }

  return total;
}

shouldn't it be

for await (const value of reader.read())

just trying to grasp how would it know about what is "awaitable" in this for..of

@stryju with:

for (const item of collection)

…collection[Symbol.iterator] is called to get an iterator for collection. With:

for await (const item of collection)

…collection[Symbol.asyncIterator] is called to get an iterator that returns promises.

I get TypeError: response is not async iterable.

@dandv

response is a Promise and is not iterable, an array of them would be iterable however.