JavaScript 教程
收录了这篇文章 

1. 什么是函数？

在编程中，函数是一段可重复使用的代码块，它执行特定任务并可能接受输入参数（也叫作“arguments”），并可返回一个结果。使用函数可以提高代码的可读性、减少重复代码，并使得程序易于维护。

2. 函数的基本结构

JavaScript中定义函数有几种方式，这里介绍最常见的两种：

方式一：函数声明（Function Declaration）

function functionName(parameters) {
    // 函数体：执行某些操作
    // 可能会用到parameters，并可能返回一个值
    return result;
}

方式二：函数表达式（Function Expression）

const functionName = function(parameters) {
    // 函数体
    return result;
};

3. 示例：编写一个求和函数

假设我们要写一个函数，接收两个数值作为参数，并返回这两个数的和。下面是使用函数声明的方式实现：

function addNumbers(num1, num2) {
    let sum = num1 + num2;
    return sum;
}

// 调用函数
let result = addNumbers(5, 3);
console.log(result); // 输出: 8

4. 参数与返回值

• 参数：函数括号内的num1和num2是这个函数的输入参数，它们在函数内部可以被访问和操作。
• 返回值：通过return语句，函数可以输出一个结果。在这个例子中，sum就是返回值。

5. 调用函数

定义完函数后，我们可以通过函数名加上括号来调用它，并传入相应的参数。如上例中的addNumbers(5, 3)。

6. 不需要返回值的情况

如果一个函数只是执行某些操作但不需要返回结果，可以省略return语句或者直接return;。

7. 匿名函数与立即执行函数表达式

• 匿名函数：没有名字的函数，通常作为参数传递给其他函数或用作回调函数。
• 立即执行函数表达式 (IIFE)：定义后立即执行的匿名函数，常用于避免污染全局命名空间。

8. 箭头函数

在JavaScript中，箭头函数（Arrow function）是一种基于简洁语法定义的函数。它们是ES6（ECMAScript 2015）引入的新特性之一，用来提供一种更紧凑的方式来书写函数。

const functionName = (parameters) => {
  // 函数体
};

这里有一些关于箭头函数的关键点：

参数列表：括号中的parameters可以包含零个、一个或多个用逗号分隔的参数。
=>：这是箭头符号，用来连接参数列表和函数体。
函数体：大括号中的代码块定义了函数的行为。如果函数体只包含单一表达式，你可以省略花括号，并且返回该表达式的值。如果表达式是单行，还可以省略括号。

示例

// 没有参数
const sayHello = () => console.log('Hello');
sayHello(); // 输出 "Hello"

// 单个参数
const cube = x => x * x * x;
console.log(cube(3)); // 输出 27

// 多个参数
const add = (x, y) => x + y;
console.log(add(3, 4)); // 输出 7

// 带有函数体的箭头函数
const greet = (name) => {
  return `Hello, ${name}!`;
};
console.log(greet('Alice')); // 输出 "Hello, Alice!"

小结

通过上述示例和解释，你应该对JavaScript函数有了基本的认识。记住，实践是学习的关键，尝试自己编写不同的函数并应用到实际问题中去吧！如果有更具体的问题或需要进一步的示例，请随时告诉我。

修改时间 2024-10-24