ES6学习－块状作用域

前言

• 为什么使用块状作用域
• ES6 的块级作用域
• 块级作用域与函数声明

内容

• 为什么使用块状作用域
  ES5只有全局作用域和函数作用域，有很多限制

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

var tmp = new Date();

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

上面代码中，函数f执行后，输出结果为undefined，原因在于变量提升，导致内层的tmp变量覆盖了外层的tmp变量。
第二种场景 ，用来计数的循环变量泄露为全局变量。

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

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

• ES6 的块级作用域

  ES6 中的let就是提供在块级作用域中使用，一般用大括号就代表一个作用域

function f1() {
  let n = 5;
  if (true) {
    let n = 10;
  }
  console.log(n); // 5
}

let在f1的第一层大括号中是一个块级作用域，定义之后if中的let重命名定义n不会影响外面，n 的值

function f1() {
  if (true) {
    let n = 10;
  }
  console.log(n); // undefined
｝

f1 第一层｛｝中不会回去到 if 中 n （let定义，规定了块作用域）的值

大括号相当于一个作用域，允许块级作用域的任意嵌套。

{{{{{let a = 344; }}}}}

• 块级作用域与函数声明

  ES5 规定，函数只能在顶层作用域和函数作用域之中声明，不能在块级作用域声明。