浅谈JavaScript function函数种类

浅谈JavaScript function函数种类

在JavaScript中，函数是一种非常重要的概念。函数就是一段代码块，可以被多次调用。JavaScript中的函数又可以分为多种类型，下面我们将详细介绍这些类型。

1. 函数声明

函数声明是最常见的函数类型。它是使用function关键字定义的一个函数。函数声明的基本语法如下：

function functionName(parameters){
  // 函数体
}

其中，functionName是函数的名称，parameters是传递给函数的参数，函数体是函数的核心代码。

函数声明与其他类型的函数不同，它不需要被赋值给变量。相识声明后，可以直接调用函数。示例如下：

function sum(x, y) {
  return x + y;
}
console.log(sum(1, 2)); // 输出3

2. 函数表达式

函数表达式是一个匿名函数，它的值可以被赋值给变量。函数表达式的基本语法如下：

var functionName = function(parameters){
  // 函数体
}

函数表达式和函数声明相比更加灵活，它可以作为一个函数值被传递给其他函数。例如：

var sayHello = function(name) {
  console.log("Hello, " + name + "!");
}
function processUserInput(callback) {
  var name = prompt("Please enter your name:");
  callback(name);
}
processUserInput(sayHello); // 输出Hello, {name}!

3. 箭头函数

箭头函数是ECMAScript 6（ES6）中引入的一种新的函数类型。它主要用于简化函数的语法。箭头函数的基本语法如下：

(parameters) => { 
 // 函数体
}

箭头函数的特点是：可以省略function关键字、参数括号和return语句。例如：

var sum = (x, y) => x + y;
console.log(sum(1, 2)); // 输出3

4. 生成器函数

生成器函数是一个可暂停的函数，在函数执行过程中可以暂停和恢复。生成器函数的基本语法如下：

function* generatorName(parameters){
  // 函数体
}

生成器函数使用yield关键字来指定生成器的返回值。使用next()方法，可以恢复生成器函数的执行。例如：

function* fibonacci() {
  let [prev, curr] = [0, 1];
  while (true) {
    [prev, curr] = [curr, prev + curr];
    yield curr;
  }
}
let generator = fibonacci();
console.log(generator.next().value); // 输出1
console.log(generator.next().value); // 输出2
console.log(generator.next().value); // 输出3

以上是JavaScript中常见的函数类型，掌握这些类型，可以更加灵活地运用函数功能。