13 JavaScript 函数的定义与调用

在继续我们的 JavaScript 小白教程系列之前，回顾一下我们上篇关于 switch 语句的内容。我们使用了 switch 语句来控制程序的流程。今天我们将深入探讨 JavaScript 中的函数，了解如何定义和调用函数。

函数是 JavaScript 中的基本构建块，通过它，我们可以将可重复使用的代码块组织在一起。我们将从函数的定义开始，了解如何创建一个函数，然后学习如何调用它。

函数的定义

在 JavaScript 中，定义一个函数可以使用 function 关键字。函数的基本语法如下：

function 函数名(参数1, 参数2, ...) {
    // 函数体
}

• 函数名 为你定义的函数的名称
• 参数 是可选的，用于传递给函数的数据
• 函数体 是实现具体功能的代码块

案例：定义一个简单的函数

让我们通过一个实际的例子来定义一个求和的函数：

function add(a, b) {
    return a + b;
}

在这个例子中，我们定义了一个名为 add 的函数，它接收两个参数 a 和 b，并返回它们的和。

函数的调用

定义完函数后，我们就可以调用它了。函数调用的语法如下：

函数名(参数1, 参数2, ...);

案例：调用我们定义的函数

现在，我们来调用上面定义的 add 函数：

let result = add(5, 10);
console.log(result);  // 输出: 15

在这个例子中，我们将 5 和 10 作为参数传递给 add 函数，并将返回值存储在 result 中。最后，通过 console.log 输出 result 的值。

细节补充：函数的命名与注释

在定义函数时，函数名应尽量简明扼要，能够清晰地描述它的功能。同时，建议在函数体内添加恰当的注释，方便日后维护。例如：

function multiply(x, y) {
    // 返回 x 乘以 y 的结果
    return x * y;
}

这样，即使是未来的你，也能轻松理解这个函数的作用。

总结

今天我们学习了 JavaScript 中函数的定义和调用。我们从函数的基本语法入手，通过实际案例理解了如何创建和使用函数。在编程过程中，良好的函数命名和清晰的注释将帮助你和他人更好地理解代码。

在下一篇教程中，我们将继续探讨函数的参数与返回值，深入了解如何更灵活地使用函数来提高我们的代码效率和可读性。请继续关注我们的系列教程！