javascript - 为什么多个 const 声明在 for...of 循环中起作用？

Question

在使用一个普通的 Javascript 项目时，我偶然发现了一段代码，它在 for...of 循环中声明了多个 const。为了理解它是如何工作的，我在 for...of 文档中使用 MDN 示例复制了它：

const iterable = 'abc';

for (const value of iterable) {
  const iterableAgain = value + " Again!";
  console.log(iterableAgain);
  console.log(value);
}

...下面的代码将显示：

a Again!
a
b Again!
b
c Again!
c

这意味着const 每个 loop 都被重新声明。这怎么可能？我认为const和let不能在不抛出 TypeError 的情况下重新声明，除了某些情况。这是可变阴影的情况吗？如果是这样，这是否意味着for...of中的每次迭代都包含不同的变量块？

注意：Stack Overflow 向我提出了类似的问题，但需要澄清的是，没有一个与纯 Javascript 相关，所有这些问题都与 Typescript 相关。