关于ecmascript:let-与块级作用域

块内变量内部无法访问

if(true){let foo = "mcgee0731"}
console.log(foo); //foo is not defined
...
for(let i=0;i< 3;i++>){}
console.log(i) //i is not defined

var 对循环的影响

for(var i=0;i< 3;i++){for(var i=0;i< 3;i++){console.log(i);
}
}
// 内层循环完后 `i = 3` 到外层循环时, 无奈再进入。打印 0，1，2 三次而不是九次

// 循环内处理事件时，事件内拜访计数器
var events = [{},{},{}]
for(var i=0;i< events.length;i++){events[i].onclick = function(){console.log(i)
}
}
events[0].onclick() // 无论哪一项输入都是 3

通过 IIFE 模式处理事件计数器绑定

// 应用闭包解决变量
var events = [{},{},{}]
for(var i=0;i< events.length;i++){events[i].onclick = (function(i){return function(){console.log(i)
  }
})(i)
}
events[0].onclick()  //0

应用 let 解决 for 循环的问题

for(let i=0;i< 3;i++){for(let i=0;i< 3;i++){console.log(i);
}
}
...
var events = [{},{},{}]
for(let i=0;i< events.length;i++){events[i].onclick = function(){console.log(i)
}
}
events[0].onclick() //0

for 循环内有两层作用域，咱们对上面的办法进行拆解

for(let i =0;i < 3;i++){
  let i = "foo"
  console.log(i);
}

拆解成...

let i =0; // 这是 for 循环的作用域 
if(i<3){let i = "foo" // 这个 n 是块内的 n，}
i++

会执行三次

不存在变量晋升

console.log(bar); // 报错 ReferenceError
let bar = 2;

做一个小案例

每次都是在新词法作用域创立个 str=””+ 每次的 i

for(var i=0;i<1000;i++)
{
  let str = ""
  str+=i
}

为什么须要块级作用域
- 变量晋升导致报错
- 外部变量泄露
- 匿名立刻执行函数表达式（IIFE）不再必要了
函数在块级作用域内
- 容许在块级作用域内申明函数。
- 函数申明相似于 var，即会晋升到全局作用域或函数作用域的头部。
- 同时，函数申明还会晋升到所在的块级作用域的头部。

只读的常量。一旦申明，常量的值就不能扭转
```
const PI = 3.1415;
PI = 3;
```
const 申明不赋值报错
```
const obj 
```
const 对于对象，绑定对象的地址值并且无奈改变，地址值内的属性成员能够改。
ES2015 申明的 6 种办法，var function let const import class
主用 const，须要改变的用 let，不必 var

const