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 };
这使得行为可以被配置化、模块化,比如路由表、事件监听器集合、策略对象,都不再需要硬编码分支逻辑。
立即学习“Java免费学习笔记(深入)”;
函数可作为参数和返回值(高阶函数的核心)
接受函数为参数或返回函数的函数,就是高阶函数。实际开发中高频出现:
-
数组方法: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 处理,整个流程依赖函数作为数据变换单元。











