`var functionName = function() {}` 与 `function functionName() {}` 的区别探讨

本文将详细讲解和分析 JavaScript 中定义函数的两种标准形式：函数表达式和函数声明。理解这两种形式以及它们在不同情况下的行为，对于编写高效、可维护的代码非常重要。

函数声明 (Function Declaration)

函数声明是一种较为常见的定义函数的方式，语法如下：

function x() {
   
    console.log('x');
}

函数声明是一种声明，而非表达式或语句，因此不需要在后面加分号；即便添加了分号也不会有问题。这种函数在代码执行前已经被处理，因此可以在函数声明之前调用该函数：

x(); // 可以正常调用，即使它在函数声明之前
function x() {
   
    console.log('x');
}

在块级作用域中的函数声明

在 ES2015（也叫 ES6）之前，规范并未明确规定在控制结构（如 if, try 等）中定义的函数声明的行为，因此不同的 JavaScript 引擎对这种情况的处理方式各不相同。ES2015 之后，规范明确了如何处理这种情况：

1. 在非严格模式下（non-strict mode）且非浏览器环境中，JavaScript 引擎应采取一种处理方式。
2. 在非严格模式下且浏览器环境中，JavaScript 引擎应采取另一种处理方式。
3. 在严格模式下（strict mode），无论何种环境，JavaScript 引擎均应采取一种统一的处理方式。

在严格模式下，块作用域内的函数声明非常容易理解：它们具有块级作用域，并提升到块的顶部。例如：

"use strict";
if (someCondition) {
   
    foo();              // 正常调用
    function foo() {
   
    }
}
console.log(typeof foo); // "undefined"

匿名函数表达式 (Anonymous Function Expression)

匿名函数表达式是另一种定义函数的方式，语法如下