声明函数 JavaScript

在 JavaScript 中，函数是一种可重复使用的代码块，用于执行特定任务。以声明函数的方式创建函数，可以在任何地方调用该函数并重复使用它。

基本语法

语法如下所示：

function functionName(param1, param2, ...) {
  // function body
  return returnValue;
}

其中：

• function 关键字用于声明一个函数。
• functionName 是函数的名称，可以是任何合法的标识符。
• param1, param2, ... 是函数的参数，可以有零或多个。这些参数是函数用来执行任务所需的输入。
• function body 是函数的主体，也称为 function block。它包含了函数要执行的代码。
• return 语句可选。它用于从函数返回一个值。如果没有指定 return 语句，则函数将返回 undefined。

示例

下面是声明函数并调用它的一个示例：

function addNumbers(num1, num2) {
  var result = num1 + num2;
  return result;
}

var output = addNumbers(10, 5);
console.log(output); // 输出 15

在此示例中，我们声明了一个名为 addNumbers 的函数，它接受两个参数 num1 和 num2。然后，我们在函数中将这两个参数相加，并将结果保存在一个变量中。最后，我们使用 return 语句返回该变量的值。在主程序中，我们调用 addNumbers 函数，传递两个参数 10 和 5，并将函数的返回值保存在变量 output 中。最后，我们使用 console.log() 函数将 output 的值输出到控制台。

箭头函数

箭头函数是 ES6 中的新特性，它可以更简洁地定义函数。箭头函数与常规函数的区别在于：

• 箭头函数使用 => 符号而不是 function 关键字。
• 如果函数只有一个参数，则可以省略参数周围的括号。
• 如果函数主体只包含一个语句，则可以省略大括号和 return 语句。

以下是箭头函数的语法示例：

const functionName = (param1, param2, ...) => expression;

或者：

const functionName = (param1, param2, ...) => {
  // function body
  return returnValue;
};

以下是箭头函数示例：

const addNumbers = (num1, num2) => num1 + num2;

const output = addNumbers(10, 5);
console.log(output); // 输出 15

在此示例中，我们使用箭头函数定义 addNumbers，省略了括号、大括号和 return 语句。在调用 addNumbers 函数时，我们传递两个参数并将函数的返回值保存在 output 中。最后，我们输出 output 的值。

总结

通过声明函数，我们可以在 JavaScript 中创建可重复使用的代码块，用于执行特定任务。函数具有名称和参数，并且可以有一个可选的返回值。我们还可以使用箭头函数更简洁地定义函数。