JavaScript 中的内联函数是什么？

在 JavaScript 中，内联函数（Inline Function）是指在代码中被直接定义和调用的函数。它是一种在需要处定义函数的方式，相比于先定义再调用的普通函数，内联函数更加轻量且更具灵活性。本文将介绍内联函数的特点、使用场景以及使用示例。

特点

内联函数具有以下几个特点：

1. 即时定义： 内联函数可以在需要的地方即时定义，无需事先在代码中声明或定义。
2. 轻量灵活： 由于不需要在代码中事先声明，内联函数通常比普通函数更加轻量化，适用于简单的、非复用的功能。
3. 可直接使用： 内联函数的定义和调用可以在同一行代码中进行，无需在其他位置寻找函数定义。

使用场景

内联函数适用于以下几个常见的使用场景：

1. 回调函数： 当需要传递一个简单的回调函数参数时，可以使用内联函数来避免创建额外的函数定义。
2. 数组操作： 在数组的高阶函数中，如 map()、filter() 和 reduce() 等，内联函数可以用来指定元素的处理逻辑。
3. 替代 IIFE： 内联函数可以取代立即调用的函数表达式 (IIFE) 的用法，使代码更加简洁易读。

使用示例

以下是几个使用内联函数的示例：

示例 1：回调函数

const array = [1, 2, 3, 4, 5];

// 使用内联函数作为回调函数
const squareArray = array.map((num) => num * num);

console.log(squareArray); // 输出: [1, 4, 9, 16, 25]

示例 2：数组操作

const numbers = [1, 2, 3, 4, 5];

// 使用内联函数作为数组高阶函数的参数
const evenNumbers = numbers.filter((num) => num % 2 === 0);

console.log(evenNumbers); // 输出: [2, 4]

示例 3：替代 IIFE

// 使用内联函数替代 IIFE
const result = (() => {
  let sum = 0;
  for (let i = 1; i <= 10; i++) {
    sum += i;
  }
  return sum;
})();

console.log(result); // 输出: 55

通过以上示例可以看出，内联函数在简化代码、提高代码可读性方面具有非常好的优势，尤其在处理简单逻辑和无需复用的情况下非常实用。

总结：内联函数是 JavaScript 中一种轻量、即时定义和调用的函数形式，适用于回调函数、数组操作和替代 IIFE 等场景。它简化了代码结构，提高了代码的可读性和灵活性。

注意：以上代码片段使用 Markdown 语法标注。