ES6 let作用域问题求助

Question

for (let i = 0; i < 10; i++) {
console.log(i);
let i = '内部';
console.log(i);
}

A.html:3 Uncaught ReferenceError: i is not defined
at A.html:3

刚接触JS不久，请问为什么第一个log会报错呢，我理解的是他会读到0 - 9.求过路大神指教，谢谢！

Answer 1

暂时性死区

只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响。

 var tmp = 123;

if (true) {
  tmp = 'abc'; // ReferenceError
  let tmp;
}

http://es6.ruanyifeng.com/#docs/let