函数 - 函数定义 - 函数声明与函数表达式

函数 - 函数定义 - 函数声明与函数表达式

在 JavaScript 的世界里，函数就像是一个个神奇的魔法盒子，你可以把一些特定的任务放进去，当需要的时候就可以随时调用它来完成这些任务。而函数的定义方式主要有两种：函数声明和函数表达式，下面就让我们一起来揭开它们的神秘面纱。

函数声明

函数声明是一种最直接的定义函数的方式，就像是给一个魔法盒子贴上明确的标签，告诉大家这个盒子是用来做什么的。它的语法非常简单：

function functionName(parameters) {
    // 函数体
    return result;
}

下面是一个简单的例子，我们定义一个函数来计算两个数的和：

function add(a, b) {
    return a + b;
}
let sum = add(3, 5);
console.log(sum); // 输出 8

在这个例子中，我们使用 function 关键字声明了一个名为 add 的函数，它接受两个参数 a 和 b，并返回它们的和。之后我们调用这个函数，传入 3 和 5，得到结果 8 并打印出来。

函数声明有一个很重要的特性，就是函数提升。这意味着你可以在函数声明之前调用这个函数，JavaScript 引擎会在代码执行之前把函数声明提升到当前作用域的顶部。例如：

let result = multiply(2, 3);
console.log(result); // 输出 6
function multiply(a, b) {
    return a * b;
}

这里我们在 multiply 函数声明之前就调用了它，但是代码依然可以正常运行，这就是函数提升的魅力。

函数表达式

函数表达式则像是把一个魔法盒子藏在一个宝箱里，然后给宝箱贴上标签。它是把一个函数赋值给一个变量。语法如下：

let variableName = function(parameters) {
    // 函数体
    return result;
};

同样是计算两个数的和，用函数表达式来实现：

let addNumbers = function(a, b) {
    return a + b;
};
let total = addNumbers(4, 6);
console.log(total); // 输出 10

在这个例子中，我们定义了一个匿名函数（没有名字的函数），并把它赋值给变量 addNumbers。之后通过这个变量来调用函数。

需要注意的是，函数表达式没有函数提升的特性。如果你在函数表达式定义之前调用这个函数，会得到一个错误。例如：

let product = getProduct(2, 5); // 报错
console.log(product);
let getProduct = function(a, b) {
    return a * b;
};

总结

下面我们用一个表格来总结一下函数声明和函数表达式的区别：
| 特性 | 函数声明 | 函数表达式 |
| —— | —— | —— |
| 语法 | function functionName() {} | let variableName = function() {}; |
| 函数提升 | 有 | 无 |
| 调用位置 | 可以在声明之前调用 | 必须在定义之后调用 |

在实际开发中，函数声明适合那些需要在多处调用，且调用位置可能在声明之前的情况；而函数表达式则更适合作为参数传递给其他函数，或者用于创建一次性使用的函数。掌握好函数声明和函数表达式的区别和使用场景，能让你在 JavaScript 的编程之路上更加得心应手，创造出更多神奇的代码魔法！