JS 函数入门：如何使用它们、以及何时使用它们

1. 函数的声明

函数可以通过函数声明或函数表达式来定义。函数声明使用 function ，后面跟着函数名、参数列表和函数体。函数体是函数的代码块，当函数被调用时执行。例如：

function myFunction() {
  // 函数体
}

函数表达式使用一个箭头函数或一个匿名函数来定义。箭头函数使用 => 符号，后面跟着函数体。匿名函数使用 function 关键字，后面跟着函数体，但不指定函数名。例如：

const myFunction = () => {
  // 函数体
};

const myFunction = function() {
  // 函数体
};

2. 函数的参数

函数可以接受参数，参数是传递给函数的数据。参数在函数体中使用，可以用来执行不同的操作。例如：

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

const result = add(1, 2); // result = 3

在上面的例子中，add 函数接受两个参数，a 和 b，然后返回这两个参数的和。

3. 函数的返回值

函数可以返回一个值，返回值是函数执行后产生的数据。返回值可以使用 return 关键字来指定。例如：

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

const result = add(1, 2); // result = 3

在上面的例子中，add 函数返回两个参数的和。

4. 函数的作用域

函数的作用域是函数可以访问的变量的集合。函数的作用域由函数的代码块决定。在函数的作用域内，函数可以访问函数内声明的变量，以及函数外声明的全局变量。例如：

let globalVariable = 1;

function myFunction() {
  let localVariable = 2;

  console.log(globalVariable); // 输出 1
  console.log(localVariable); // 输出 2
}

myFunction();

在上面的例子中，myFunction 函数的作用域包括函数内声明的 localVariable 变量，以及函数外声明的 globalVariable 变量。

5. 函数的调用

函数可以通过函数名后面跟着参数列表来调用。例如：

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

const result = add(1, 2); // result = 3

在上面的例子中，add 函数被调用，并传入两个参数，1 和 2。函数执行后，返回两个参数的和，并将其存储在 result 变量中。

结语

函数是 JavaScript 中非常重要的概念，它们可以用来组织代码、提高代码的可重用性，并使代码更易于理解。函数还可以用来执行各种不同的任务，如计算、字符串操作、数组操作等。