📜  用 JavaScript 编写函数的不同方法

📅  最后修改于: 2022-05-13 01:56:47.629000             🧑  作者: Mango

用 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