JS 有名函数表达式全面解析

在 JavaScript 中，我们可以使用函数表达式(Function Expression)来定义一个函数。如果函数表达式给定了一个函数名，那么这个函数被称作有名函数表达式(Named Function Expression)。

有名函数表达式的语法

有名函数表达式的语法如下：

var functionName = function(parameters) {
    // 函数体
};

其中 functionName 是函数名，parameters 是函数参数，函数体是函数执行的代码。具体来说，函数表达式由以下组成部分：

var functionName：使用 var 关键字声明了一个变量 functionName，用于存储函数表达式。
=：分配运算符，将表达式的结果赋值给 functionName。
function(parameters)：定义了一个函数，该函数带有 parameters 参数。
{...}：函数体，包含函数执行的代码。

有名函数表达式的用途

有名函数表达式的主要用途有以下几个：

作为局部函数：在一个函数内定义一个函数，并将其赋值给一个变量，以供在父函数内部调用或返回。
规避兼容性问题：一些早期的浏览器或 JavaScript 引擎可能存在诸如函数名提升等问题，使用有名函数表达式可以规避这些问题。
提高代码可读性：通过给函数表达式命名，可以提高代码的可读性和维护性。

有名函数表达式的示例

作为局部函数

有名函数表达式可以在一个函数内定义一个局部函数，并将其赋值给一个变量，以供在父函数内部调用或返回。示例代码如下：

function outerFunction() {
    var innerFunction = function () {
        console.log("I'm the inner function");
    };
    innerFunction();
}

outerFunction(); // 输出"I'm the inner function"

在上面的示例中，innerFunction 是一个在 outerFunction() 中定义的局部函数，并将其赋值给了 innerFunction 变量。调用 outerFunction() 后，会输出 I'm the inner function，表示内部函数被成功执行。

提高代码可读性

有名函数表达式可以提高代码的可读性和维护性。示例代码如下：

var calculateSum = function sum(a, b) {
    if (b === undefined) {
        return a;
    } else {
        return sum(a + b);
    }
};

console.log(calculateSum(1, 2)); // 输出3
console.log(sum(1, 2)); // 报错：sum is not defined

在上面的示例中，函数表达式 function sum(a, b) 被定义，并将其赋值给了 calculateSum 变量。此时函数名 sum 只能在函数本身内部使用。如果在外部想使用 sum，则会报错 sum is not defined。这种方式可以提高代码的可读性和维护性，防止函数名被污染或误用。