如何从 Typescript 中的 fetch 调用迭代/访问响应标头？

考虑以下 TS 示例：

fetch("http://localhost:3000/auth", {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
    body: JSON.stringify(data)
  })
  .then((response) => {
    // would like to store some information from the response's headers
    // like access tokens etc.

    // Typescript complains about this iteration (see more info below)
    for (var pair of response.headers.entries()) {
      console.log(pair[0] + ': ' + pair[1])
    }

    return response.json()
  })
  // get the response data etc...
  .then((data) => {
    console.log(data);
  })
  // log an error etc...
  .catch((error) => {
    console.log('ERROR: ', error);
  })

通常，这将是有效的，但 Typescript 会抱怨迭代并建议使用编译器选项：

Type 'IterableIterator<[string, string]>' is not an array type or a string type.
Use compiler option '--downlevelIteration' to allow iterating of iterators.

使用有什么缺点--downlevelIteration吗？是否有另一种无需更改编译器选项即可完成此操作的方法？

谢谢！