JavaScript 函数声明方法详解及示例

本文将详细介绍 JavaScript 中常用的函数声明方法，并辅以简洁的示例代码，帮助读者深入理解函数声明的多种形式。

1. 函数声明

函数声明是最常见的函数定义方式，它使用 function 关键字声明函数名，并定义函数参数和函数体。

示例：

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

console.log(add(1, 2)); // 3

2. 函数表达式

函数表达式将函数定义为一个表达式，可以赋值给变量，并通过变量名来调用函数。

示例：

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

console.log(add(1, 2)); // 3

3. Function 构造函数

Function 构造函数可以用来动态创建函数，它接收函数参数和函数体作为字符串参数。

示例：

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

console.log(add(1, 2)); // 3

4. 箭头函数

箭头函数是一种简洁的函数表达式，它使用箭头符号 => 来定义函数体。

示例：

var add = (a, b) => a + b;

console.log(add(1, 2)); // 3

5. Generator 函数

Generator 函数是一种特殊的函数，它可以使用 yield 关键字来控制函数的执行过程，并返回一个迭代器对象。

示例：

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

var gen = add();
gen.next();
gen.next(1);
gen.next(2); // { value: 3, done: true }

总结

本文介绍了 JavaScript 中常见的函数声明方法，每种方法都有其适用场景和优缺点。建议根据实际需求选择合适的函数声明方式。