JS基本小知识:函数

目录

函数的基本概念

函数的定义和调用

函数的定义

函数的调用

函数的参数和返回值

参数的作用域和生命周期

返回值的作用和使用场景

匿名函数和箭头函数

匿名函数

---

本文将介绍 JavaScript 中的一个知识点：函数。函数是 JavaScript 中非常重要的一个概念，它允许我们将一段具有特定功能的代码封装起来，以便在需要时可以重复使用。

函数的基本概念

在 JavaScript 中，函数是一种可重用的代码块，它可以接收输入参数并返回一个值。函数的使用可以提高代码的复用性和可读性。

函数的基本结构如下： 

function functionName(parameters) {HTML
  // 函数体
}

其中，function 是一个关键字，表示定义一个函数；functionName 是函数的名称，用于调用函数；parameters 是函数的参数列表，用于接收外部传入的值。

函数的定义和调用

函数的定义

函数的定义包括函数名、参数列表和函数体。例如，定义一个求和函数：

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

在这个例子中，add 是函数名，a 和 b 是参数列表，return a + b; 是函数体。

函数的调用

函数的调用是指在程序中使用函数名加括号的方式执行函数。例如，调用上面定义的求和函数：

var result = add(1, 2); // result = 3
console.log(result); // 输出 3

在这个例子中，我们通过 add(1, 2) 的方式调用了 add 函数，并将结果赋值给了变量 result。然后，我们使用 console.log() 方法输出了结果。

函数的参数和返回值

参数的作用域和生命周期

在 JavaScript 中，函数的参数具有局部作用域和生命周期。这意味着在函数内部声明的参数只在函数内部有效，而在函数外部无法访问。同时，当函数执行完毕后，参数的内存空间会被释放。

例如:

function add(a, b) {
  var sum = a + b; // sum 只在 add 函数内部有效
}
console.log(sum); // 报错：sum is not defined

在这个例子中，我们在 add 函数内部声明了一个变量 sum，并在函数外部尝试访问它。由于 sum 只在 add 函数内部有效，因此在函数外部访问它会报错。

返回值的作用和使用场景

函数可以通过 return 语句返回一个值。返回值可以是任意类型的数据，包括数字、字符串、对象等。返回值的作用是将函数执行的结果传递给外部调用者。

例如:

function getMax(a, b) {
  return a > b ? a : b; // 如果 a > b，则返回 a；否则返回 b。
}
var max = getMax(3, 5); // max = 5
console.log(max); // 输出 5

在这个例子中，我们定义了一个 getMax 函数，用于比较两个数的大小并返回较大的数。通过 return a > b ? a : b; 语句实现了这个功能。然后，我们通过 getMax(3, 5) 的方式调用了 getMax 函数，并将结果赋值给了变量 max。最后，我们使用 console.log() 方法输出了结果。

匿名函数和箭头函数

匿名函数

匿名函数是指没有名称的函数。匿名函数通常用于临时性的、不需要重复使用的代码块。匿名函数的定义和使用方式与普通函数类似，只是没有指定函数名。例如：

var add = function(a, b) { // 匿名函数的定义和赋值给变量 add
  return a + b; // 匿名函数的返回值表达式
}; // add = function(a, b) {...}（匿名函数）的注释说明（可选）
var result = add(1, 2); // result = 3（匿名函数的调用）
console.log(result); // 输出 3（匿名函数的返回值）