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 规定，函数只能在顶层作用域和函数作用域之中声明，不能在块级作用域声明。