10.2. 使用函数 - Javascript

简介

函数是一种可重复使用的代码块，它可以接受输入参数，并且可以返回结果。在Javascript中，函数是一等公民，这意味着它们可以像其他数据类型一样进行操作。使用函数可以提高代码的可维护性和复用性，同时也可以使代码更加模块化。

声明和调用函数

在Javascript中，函数可以通过函数声明或函数表达式来定义。以下是函数声明的示例：

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

greet("Alice");  // 调用函数，并传递参数 "Alice"

以下是函数表达式的示例：

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

greet("Bob");  // 调用函数，并传递参数 "Bob"

无论是函数声明还是函数表达式，都需要调用函数来执行函数体内的代码块。

参数和返回值

函数可以接受零个或多个参数，并且可以返回一个值。例如，下面的函数接受两个参数并返回它们的和：

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

var result = add(3, 5);  // 调用函数，并传递参数 3 和 5
console.log(result);  // 输出 8

注意，返回值可以通过 return 语句来指定。一旦遇到 return 语句，函数将立即停止执行，并返回指定的值。

匿名函数

除了使用函数声明和函数表达式来定义一个函数，还可以使用匿名函数。匿名函数没有名字，并且可以直接用作函数表达式。以下是一个使用匿名函数的示例：

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

greet("Charlie");  // 调用函数，并传递参数 "Charlie"

匿名函数通常用于参数传递或在需要临时定义函数的地方。

高阶函数

高阶函数是指能够接受函数作为参数或返回函数的函数。Javascript中的高阶函数可以实现更高级的功能，例如函数的组合、函数的柯里化、函数的延迟执行等。以下是一个使用高阶函数的示例：

function multiplyBy(factor) {
  return function(number) {
    return number * factor;
  };
}

var double = multiplyBy(2);  // 调用函数 multiplyBy，并传递参数 2
console.log(double(5));  // 输出 10

在上面的示例中，multiplyBy 函数返回一个函数，并且该返回的函数被赋值给变量 double，然后可以像调用普通函数一样调用 double 函数。

总结

函数是Javascript中非常重要的概念之一。通过函数，我们可以将代码进行模块化，并提高代码的可复用性和可维护性。函数可以接受参数并返回结果，可以通过函数声明、函数表达式或匿名函数来定义，并且可以作为高阶函数进行操作。在编写代码时，我们应该尽可能地使用函数来组织代码，使其更加清晰、可读和可维护。