用 JavaScript 编写函数的不同方法
什么是函数?
函数是设计用于执行任务并在调用或调用它时执行的代码块。
用 JavaScript 编写函数有 3 种方法:
- 函数声明
- 函数表达式
- 箭头函数
1.函数声明:函数声明是定义函数的传统方式。它在某种程度上类似于我们在其他编程语言中定义函数的方式。我们开始使用关键字“函数”进行声明。然后我们写函数名,然后是参数。
下面是说明函数声明使用的示例。
Javascript
// Function declaration
function add(a, b) {
console.log(a + b);
}
// Calling a function
add(2, 3);
Javascript
// Function Expression
const add = function(a, b) {
console.log(a+b);
}
// Calling function
add(2, 3);
Javascript
// Single line of code
let add = (a, b) => a + b;
console.log(add(3, 2));
Javascript
// Multiple line of code
const great = (a, b) => {
if (a > b)
return "a is greater";
else
return "b is greater";
}
console.log(great(3,5));
定义一个函数后,我们在需要该函数时调用它。
输出:
5
2.函数表达式:函数表达式是JavaScript中定义函数的另一种方式。在这里,我们使用变量定义一个函数并将返回值存储在该变量中。
下面是说明函数表达式使用的示例。
Javascript
// Function Expression
const add = function(a, b) {
console.log(a+b);
}
// Calling function
add(2, 3);
这里,整个函数是一个表达式,返回值存储在变量中。我们使用变量名来调用函数。
输出:
5
3. 箭头函数:箭头函数是在ES6 版本的 JavaScript 中引入的。它用于缩短代码。这里我们不使用“ 函数”关键字,而是使用箭头符号。
下面是说明箭头函数使用的示例。
例子:
Javascript
// Single line of code
let add = (a, b) => a + b;
console.log(add(3, 2));
与其他方法相比,这将代码缩短为一行。在一行代码中,函数隐式返回。
输出:
5
注意:当需要包含多行代码时,我们使用括号。此外,当括号中有多行代码时,我们应该显式编写 return 以从函数返回值。
例子:
Javascript
// Multiple line of code
const great = (a, b) => {
if (a > b)
return "a is greater";
else
return "b is greater";
}
console.log(great(3,5));
输出:
b is greater