Kodokon kodokon.com

函数:声明、参数、return

用 function 创建可复用的代码块,向它们传递参数,并用 return 取回它们的结果。

6 分钟 · 3 题

在 Kodokon 中打开本课

函数是一段你为其取了名字、可以复用的代码块。它就像一份菜谱:写一次,然后可以按需运行任意多次。要创建一个函数,你需要使用 function 关键字,后面跟上它的名字、圆括号 () 和一个位于花括号 { } 之间的代码块。要执行它,你需要写上它的名字并加上圆括号来调用它。

JAVASCRIPT
function sayHello() {
  console.log("Hello!");
}

sayHello(); // Prints: Hello!
sayHello(); // Prints: Hello!
一个声明一次、调用两次的函数

当函数能接收信息时,它才真正变得有用。参数是声明在函数圆括号之间的变量:它就像一个输入框。当你调用函数时,你传入的具体值被称为实参。在下面的例子中,name 是参数,"Léa" 是一个实参。

JAVASCRIPT
function greet(name) {
  console.log("Hello, " + name + "!");
}

greet("Léa");  // Prints: Hello, Léa!
greet("Marc"); // Prints: Hello, Marc!
name 参数在每次调用时都会改变

打印一条消息固然不错;但产出一个可复用的结果更好。return 关键字把一个值送回函数被调用的地方:这样,调用 add(2, 3) 就会被它的值 5 所取代。你可以把这个结果存进变量,也可以直接使用。请注意,return 会立即结束函数的执行。

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

const result = add(2, 3);
console.log(result);     // Prints: 5
console.log(add(10, 4)); // Prints: 14
return 产出一个你可以在任何地方使用的结果

知识检测

确认你已牢记本课的重点内容。

  1. 哪个关键字让函数把结果送回它被调用的地方?
    • return
    • function
    • result
    • send
  2. 对于 function add(a, b) { return a + b; }add(2, 3) 的值是什么?
    • 23
    • 5
    • undefined
  3. 调用函数时传给它的具体值叫什么?
    • 实参
    • 形参
    • 索引