es6块级作用域

为什么需要块级作用域，以及没有块级作用域会出现的问题

ES5 只有全局作用域和函数作用域，没有块级作用域，这带来很多不合理的场景。

第一种场景，内层变量可能会覆盖外层变量。

var tmp = new Date()

function f() {
  console.log(tmp)
  if (false) {
    var tmp = 'hello world'
  }
}

f(); // undefined

在函数内使用变量时，会先在函数内部寻找变量，内部没有的话再到外层寻找，直到寻找到全局作用域为止。
在上面的示例中，由于var声明的变量存在变量提升的问题，所以当执行到console.log(tmp)时，会输出undefined。

第二种场景，用来计数的循环变量泄露为全局变量。

var s = 'hello'

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

console.log(i) // 5

上面代码中，变量i只用来控制循环，但是循环结束后，它并没有消失，泄露成了全局变量。

小记

for循环和if判断并不是一个函数体，不存在函数作用域。在for和if中定义的变量所处的作用域就是for和if所在的作用域。