17370845950

JavaScript中函数是一等公民，因其可赋值、传参、返回、动态创建并存储于数据结构中；支持高阶函数、闭包及实际工程中的中间件链、HOC和Redux等模式。

JavaScript 中的函数是一等公民，是因为它能像普通值（比如数字、字符串）一样被自由使用：可以赋值给变量、作为参数传入其他函数、作为返回值从函数中返回，甚至可以动态创建和存储在数据结构中。这种特性不是所有语言都支持（比如 Java 8 之前只能靠接口模拟），而 JS 从诞生起就天然具备，是其函数式编程能力的基础。

函数可以赋值和存储

你可以把函数直接赋给变量，或放进数组、对象里，就像处理字符串一样自然：

const greet = function(name) { return `Hello, ${name}`; };
const actions = [greet, console.log];
const handlers = { click: () => alert('clicked'), submit: validateForm };

这使得行为可以被配置化、模块化，比如路由表、事件监听器集合、策略对象，都不再需要硬编码分支逻辑。

函数可作为参数和返回值（高阶函数的核心）

接受函数为参数或返回函数的函数，就是高阶函数。实际开发中高频出现：

• 数组方法：map、filter、reduce 的回调都是典型应用。例如 users.filter(u => u.active).map(u => u.name) 把数据处理逻辑解耦成可复用的小函数。
• 封装通用流程：比如请求拦截器可写成 withAuth(apiCall)，它接收一个请求函数，返回一个自动注入 token 的新函数。
• 柯里化与偏函数：把多参数函数拆成单参数链式调用，便于复用。例如 const add5 = add(5); add5(3) // 8，适合构建配置化工具函数。

闭包支撑状态与私有性

函数能“记住”自己定义时的作用域，让高阶函数真正实用。例如：

const createCounter = (initial = 0) => {
  let count = initial;
  return {
    inc: () => ++count,
    get: () => count
  };
};
const c1 = createCounter(10); c1.inc(); // 11

每个调用生成独立的状态空间，避免全局变量污染，也常用于 React 自定义 Hook、模块私有方法、防抖节流函数的状态管理。

实际工程中的常见模式

• 中间件链：Express/Koa 的 use(fn) 把多个函数串成执行流，每个函数决定是否调用 next() —— 本质是高阶函数组合。
• React 高阶组件（HOC）：如 withLoading(WrappedComponent) 返回增强后的新组件，复用加载态逻辑。
• 函数式状态管理：Redux 的 reducer 是纯函数，store.dispatch 接收 action 后交由 reducer 处理，整个流程依赖函数作为数据变换单元。