Logo
Section 1 / 7

程序流程:函数

学习如何使用函数来操作程序,使其代码和模块具有可重用性。

检查点

程序流程:函数

学习如何使用函数来操作程序,使其代码和模块具有可重用性。

现在你已经了解了基本的数据类型和操作,我们可以让程序变得更有趣一些。为此,我们将通过操控 JavaScript 程序的执行方式来实现。一种实现方法是使用函数。

函数

函数 允许我们重复执行包含相似步骤的任务。你已经见过 console.log() 函数,它能可预测地将输出内容 记录到控制台。

让我们看一个计算两个数之和的函数定义示例:

1var sum = function(x, y){ 2 return x + y; 3}

我们首先创建一个变量,然后通过使用 function(){} 语法将其定义为一个 函数。

括号内的是一组 参数,这些是函数在执行过程中会使用或处理的值。如果有 多个 参数,它们之间用逗号分隔。函数也可以不带任何参数。

函数要执行的代码位于大括号 {} 内。如果你希望函数 返回 某个值,必须包含一个 返回语句(使用 return 关键字),后跟你希望返回的值。如果你不期望函数返回任何值,则 不需要 添加返回语句。

你可能会注意到,运行上面的代码后什么也没有发生。为了使用我们的函数,必须 调用 或 执行 它。调用函数的方式如下:

1functionName();

括号 () 是一个 操作符,用于启动函数调用。如果函数需要参数,必须将这些参数放在括号内。

让我们使用刚才创建的 sum 函数:

1var onePlusTwo = sum(1, 2); 2var twoPlusTwenty = sum(2, 20); 3 4console.log(onePlusTwo, twoPlusTwenty);

在这个例子中,我们使用了两个不同的函数:

  • sum() 函数,传入两个数字作为参数。
  • console.log() 函数,将新创建的变量作为参数传入。

在这两种情况下使用 sum() 时,都传入了数字,因此返回的值也一定是数字。这个数字随后通过 console.log() 输出到控制台。

为什么函数很重要?

使用函数最重要的原因是它们允许我们重用代码,并创建模块来执行那些计划反复使用的操作。虽然上面的例子看起来还不如直接使用 + 运算符方便,但随着代码变得越来越复杂,你会逐渐体会到函数的强大作用。

练习

编写一个名为 subtract 的函数,它接收两个值作为参数,并返回其中一个值减去另一个值的结果。

1// 编写一个函数定义,用于计算两个值相减的结果。 2var subtract = function(){ 3 4}

Quiz

单选题

如果以这种方式调用 sum() 函数,它会返回什么?

1 / 2

JavaScript入门,基本数据类型与运算符

程序流程:条件语句