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