JavaScript教程

函数的定义和调用

Preview
  • JavaScript函数的定义和调用
  • 函数的定义
  • 函数的调用
  • 匿名函数
  • 箭头函数
  • 总结

JavaScript函数的定义和调用

JavaScript函数是一段可重复使用的代码块,它可以接受参数和返回值。函数定义了一组操作,这些操作可以在需要时被调用。

函数的定义

函数定义通常包括函数名、参数列表和函数体。函数名是一个标识符,用于标识函数。参数列表是一个包含零个或多个参数的列表,用于传递参数给函数。函数体是一组操作,用于执行特定的任务。

function functionName(parameter1, parameter2, parameter3) {
  // 函数体
}

例如,下面是一个简单的函数定义,它将两个数字相加并返回结果:

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

函数的调用

一旦定义了函数,就可以通过函数名和参数列表来调用它。调用函数时,将执行函数体中的代码,并返回结果(如果有)。

functionName(argument1, argument2, argument3);

例如,要调用上面定义的 addNumbers 函数,可以这样做:

var sum = addNumbers(2, 3); // sum 的值为 5

匿名函数

除了使用函数名来定义函数外,还可以使用匿名函数。匿名函数是没有函数名的函数,通常作为回调函数使用。

var functionName = function(parameter1, parameter2, parameter3) {
  // 函数体
};

例如,下面是一个使用匿名函数作为回调函数的例子:

setTimeout(function() {
  alert('Hello, world!');
}, 1000);

在这个例子中,setTimeout 函数使用一个匿名函数作为回调函数。这个匿名函数将在 1000 毫秒后执行,并弹出一个警告框。

箭头函数

ES6 引入了箭头函数,它是一种更简洁的函数定义方式。箭头函数使用 => 符号来表示函数定义。

(parameter1, parameter2, parameter3) => {
  // 函数体
}

例如,下面是一个使用箭头函数定义的函数:

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

箭头函数还有一种更简短的语法,如果函数体只有一条语句,可以省略大括号和 return 关键字。

(parameter1, parameter2, parameter3) => expression

例如,下面是一个使用简短语法定义的函数:

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

总结

JavaScript函数是一种可重复使用的代码块,它可以接受参数和返回值。函数定义包括函数名、参数列表和函数体,函数调用使用函数名和参数列表。除了使用函数名来定义函数外,还可以使用匿名函数和箭头函数。