JavaScript 函数：定义、调用与返回值

引言

在 JavaScript 中，函数是基础构建块之一。它们是可重用的代码块，你可以编写一次并运行多次。使用函数可以帮助你组织代码，使其更具可读性，并避免重复。

在本实验中，你将学习创建和使用 JavaScript 函数的基础知识。你将构建一个简单的函数来将两个数字相加，并学习如何定义它、向其传递数据、获取结果并显示该结果。

这是一个实验（Guided Lab），提供逐步指导来帮助你学习和实践。请仔细按照说明完成每个步骤，获得实际操作经验。根据历史数据，这是一个初级级别的实验，完成率为 100%。获得了学习者 100% 的好评率。

在本步骤中，你将定义你的第一个函数。函数使用 function 关键字定义，后面跟着一个名称、一对圆括号 () 以及一个用花括号 {} 括起来的代码块（函数体）。

首先，在 WebIDE 左侧的文件浏览器中找到 script.js 文件并打开它。我们将在该文件中编写所有的 JavaScript 代码。

现在，将以下代码添加到 script.js 中，以定义一个名为 addNumbers 的函数。

function addNumbers() {
  // Code will go here
}

这段代码创建了一个空函数。它目前还没有执行任何操作，但这是一个有效的函数定义。addNumbers 这个名称是我们之后引用该函数的方式。

在本步骤中，你将向函数添加参数。参数就像占位符，用于接收函数在被调用时传入的数据。你可以在函数定义中的圆括号 () 内定义它们，并用逗号分隔。

让我们修改 addNumbers 函数，使其接受我们想要相加的两个数字。我们将这些参数命名为 num1 和 num2。

使用以下代码更新你的 script.js 文件。

function addNumbers(num1, num2) {
  // Code will go here
}

现在，addNumbers 函数已设置为接收两个值。在函数内部，你可以将 num1 和 num2 用作变量，它们将保存传递给函数的那些值。

在本步骤中，你将使函数执行一个操作并返回一个结果。return 语句用于指定函数应该输出的值。当 JavaScript 遇到 return 语句时，函数将停止执行，并将指定的值返回到函数被调用的地方。

让我们为函数添加逻辑，以对两个参数求和并返回结果。

更新你的 script.js 文件。在函数的花括号内添加 return 语句。

function addNumbers(num1, num2) {
  return num1 + num2;
}

现在，当执行 addNumbers 函数时，它将计算 num1 和 num2 的和，并返回该值。

在本步骤中，你将调用函数来执行它。定义函数并不会运行它。要运行函数并获得结果，你必须“调用”或“执行”它。当你调用函数时，你需要为定义的参数提供实际的值，这些值称为参数（arguments）。

函数返回的值可以存储在变量中以供以后使用。

在 script.js 文件中，在函数定义下方添加以下行，以使用参数 5 和 10 调用 addNumbers 函数。

function addNumbers(num1, num2) {
  return num1 + num2;
}

let sum = addNumbers(5, 10);

在这段代码中，addNumbers(5, 10) 调用了该函数。值 5 被传递给 num1 参数，值 10 被传递给 num2 参数。函数返回 15，然后该值被存储在 sum 变量中。

在最后一步，你将显示函数调用的结果。在 Web 开发中，查看变量值或代码输出的常用方法是使用 console.log()。此函数将消息打印到 Web 浏览器的开发者控制台。

在 script.js 文件末尾添加以下行，以记录 sum 变量的值。

function addNumbers(num1, num2) {
  return num1 + num2;
}

let sum = addNumbers(5, 10);

console.log(sum);

要查看输出：

你应该会在控制台中看到数字 15 被打印出来。这是你的 addNumbers 函数返回的结果。

恭喜你完成了本次实验！你已经掌握了 JavaScript 函数的基本概念。

你已成功：

函数是编写简洁、高效且可重用 JavaScript 代码的核心部分。请继续练习这些概念，以便你更加熟练地掌握它们。