块级作用域与函数声明

ES5规定，函数只能在顶层作用域和函数作用域中声明，不能在块级作用域中声明。但是以下这样的写法是被浏览器接受的：

// 情况一
if (true) {
  function f() {}
}

// 情况二
try {
  function f() {}
} catch(e) {
  // ...
}

ES6则有这样的明确规定（只对 ES6 的浏览器实现有效，其他环境的实现不用遵守，还是将块级作用域的函数声明当作let处理）：

1. 允许在块级作用域中声明函数，函数声明语句的行为类似于let，在块级作用域之外不可引用。
2. 函数声明类似于var，即会提升到全局作用域或函数作用域的头部
3. 函数声明还会提升到所在的块级作用域的头部。
4. ES6 的块级作用域必须有大括号，如果没有大括号，JS引擎就认为不存在块级作用域

function f() { console.log('I am outside!'); }

(function () {
  if (false) {
    // 重复声明
    function f() { console.log('I am inside!'); }
  }

  f();
}());


// ES5 环境
function f() { console.log('I am outside!'); }

(function () {
  function f() { console.log('I am inside!'); }  //在if内声明的函数f会被提升到函数头部
  if (false) {
  }
  f();
}());


// ES6 环境
function f() { console.log('I am outside!'); }
(function () {
  var f = undefined;
  if (false) {
    function f() { console.log('I am inside!'); }
  }

  f();   // Uncaught TypeError: f is not a function
}());

考虑到环境导致的行为差异太大，应该避免在块级作用域内声明函数。如果确实需要，也应该写成函数表达式，而不是函数声明语句。

// 块级作用域内部的函数声明语句，建议不要使用
{
  let a = 'secret';
  function f() {
    return a;
  }
}

// 块级作用域内部，优先使用函数表达式
{
  let a = 'secret';
  let f = function () {
    return a;
  };
}

详细可看阮一峰老师。