JavaScript函数定义方法实例详解

在JavaScript中，函数是一种重要的编程概念。函数能够帮助我们将代码组织得更好、复用性更高，并且能够进一步实现更为复杂的功能。下面将详细讲解JavaScript函数定义的多种方法。

1.函数声明

函数声明是一种最经典的JavaScript函数定义方式。

function add(a, b) {
  return a + b;
}

• function关键字表明我们正在定义一个函数。
• 函数名add在这个情境下我们称之为标识符。
• 参数a和b是我们要对这个函数传递的值。
• 函数体是一组一组可执行的语句。

当对函数进行函数声明后，在整个程序的上下文中都可以调用函数，因为function关键字具有方法/函数提升的性质。

调用该函数时，只需使用函数名add并传入两个参数，函数的返回值是两个数字的和。

add(1, 2); // 3

2.函数表达式

函数表达式是JavaScript中最常见的函数定义方式之一。

var add = function(a, b) {
  return a + b;
};

• 在这个定义中var add = function(a, b) {}，我们定义了一个变量并将其分配给函数。
• function关键字表示一个被分配到该变量中的函数。
• 该函数的名称被省略（尽管它仍然是递归调用的）；这可能使得调试更加困难。
• 在这个定义完成后，我们等价于在内存中创建了一个匿名函数并将其分配给add变量。

调用函数表达式与函数声明完全相同，只需使用变量名add来调用函数即可。

add(2, 3); // 5

3.箭头函数

箭头函数是ES6引入的一种新的函数定义语法，其可以简化函数的编写。

const add = (a, b) => {
  return a + b;
};

• 变量名add分配了函数。左侧的圆括号用于指定该函数的参数。
• 在右侧，我们定义了一个返回两数之和的函数体。
• 箭头=>左侧是函数的输入，右侧是函数的输出（注意：箭头函数必须存在函数体）。

调用函数的方式也可与上述两种方式相同，具体调用方式如下。

add(3, 4); // 7

4.其它方式

此外，还有一些其他的函数定义方式，比如使用Function()构造函数。

let add = new Function('a', 'b', 'return a + b');

函数定义方式很多，但最重要的是要清楚每种方式的差异以及它们之间的关系。