块级作用域

• 首先了解环境的概念：决定变量或函数有权访问的其他数据。
• 作用域决定了变量和函数的可见性和生命周期。

---

• 块级作用域： 在javascript中，函数里面定义的变量，可以在函数里面被访问，但在函数外无法访问。而由花括号封闭的代码块都有自己的作用域，因而支持根据条件来定义变量，变量在执行完毕后会被销毁。

---

ES5中没有块级作用域

影响

1. if内层变量可能覆盖外层变量：

var tmp = new Date();
 
function f(){
  console.log(tmp);
  if(false){
    var tmp = "hello";
  }
}
 
f(); // undefined

• 以上代码执行后，输出函数f的结果为undefined，因为if会将增加的变量添加到当前执行环境中（即全局环境中）覆盖外层的变量---”变量提升“

2. for循环的变量会泄露成全局变量

var s = "hello";
for(var i=0;i<s.length;i++){
  console.log(s[i]);
}
 
console.log(i); // 5

• for循环中的i本来在执行后被销毁，但是没有消失反而成了全局变量

---

ES6中引入let和const命名后有了块级作用域

• ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。
  更多详情

---

总结

1. var命令下没有块级作用域

• 使用var会形成一个未初始化的undefined的值
• if函数会出现“变量提升”的现象
• for循环定义的变量会泄露成全局变量

2. ES6中的let和const命令有块级作用域

• let和const适合在for循环使用，只在循环体内有效，体外会报错

for循环的特别：
设置循环变量的部分是父作用域，循环体内是子作用域

• 不存在“变量提升”
• 会出现暂时性死区（TDZ）：只要一进入当前作用域，所要使用的变量就已经存在了，但是不可获取，只有等到声明变量的那一行代码出现，才可以获取和使用该变量。规范编程人员先进行变量的声明后才可进行使用。
• 不允许重复声明，但内层作用域可以定义外层作用域的同名变量
• 允许块级作用域任意嵌套
• 不再需要立即执行函数表达式（IIFE）

针对ES6 的浏览器有效：

• 允许在块级作用域内声明函数。
• 函数声明类似于var，即会提升到全局作用域或函数作用域的头部。
• 同时，函数声明还会提升到所在的块级作用域的头部。