当前位置：首页 > news >正文

JavaScript中，什么是函数式编程

news 2026/3/26 22:15:21

JavaScript函数式编程强调使用纯函数、避免副作用和可变数据。
核心概念包括：纯函数（相同输入永远相同输出）、不可变性（创建新对象而非修改原对象）、高阶函数（可接收/返回函数）。
常用工具如数组的map/filter/reduce方法、柯里化和函数组合。
优点是代码更可预测、易测试、可维护，适合数据处理和状态管理。
需注意JavaScript并非纯函数式语言，过度使用可能影响性能。
建议从基础数组方法开始实践，逐步掌握函数式编程思想。

JavaScript中，什么是函数式编程

函数式编程是一种编程范式，强调通过纯函数、避免共享状态和可变数据来构建软件。

在JavaScript中，虽然它是一门多范式语言，但可以应用函数式编程的核心原则来编写更可预测、可测试的代码。

核心概念

纯函数

相同的输入永远返回相同的输出。
无副作用（不修改外部变量、不改变输入参数等）。

// 纯函数 const add = (a, b) => a + b; // 非纯函数（有副作用） let counter = 0; const increment = () => counter++; // 修改外部状态

不可变性

不直接修改数据，而是创建新的副本。

// 修改数组（非函数式） const arr = [1, 2, 3]; arr.push(4); // 直接修改原数组 // 函数式方式（返回新数组） const newArr = [...arr, 4]; // 使用展开运算符

函数是一等公民

函数可以像变量一样被赋值、传递或返回。

const sayHello = () => "Hello"; const greet = sayHello; // 函数作为值传递

高阶函数

接收函数作为参数，或返回函数。

// 高阶函数示例：map、filter const numbers = [1, 2, 3]; const doubled = numbers.map(n => n * 2); // 传入函数

避免共享状态和副作用
- 减少依赖外部变量，降低代码耦合度。

关联阅读推荐
JavaScript 字符串和数组方法总结（默写版）ES2023新增：toSorted(), toReversed(), toSpliced(), with()

常用函数式编程工具

数组方法：map()、filter()、reduce()、find()等。

const users = [ { name: "Alice", age: 25 }, { name: "Bob", age: 30 } ]; // 链式调用（声明式编程） const names = users .filter(user => user.age > 25) .map(user => user.name);

柯里化

将多参数函数转为单参数函数序列。

const add = a => b => a + b; const add5 = add(5); // 返回新函数 console.log(add5(3)); // 8

函数组合

将多个函数合并为一个新函数。

const compose = (f, g) => x => f(g(x)); const toUpperCase = str => str.toUpperCase(); const exclaim = str => str + "!"; const shout = compose(exclaim, toUpperCase); console.log(shout("hello")); // "HELLO!"

优点

可预测性：纯函数减少不确定性。
易测试：不依赖外部状态，便于单元测试。
可维护性：代码简洁、模块化。
并发友好：避免共享状态，减少竞态条件。

注意事项

JavaScript并非纯函数式语言（如Haskell），需手动遵循规则。
过度使用可能影响性能（如大量创建新对象）。
适合数据处理、状态管理等场景，但并非所有场景都需强制使用。

示例对比：命令式 vs 函数式

// 命令式（关注“如何做”） let sum = 0; for (let i = 0; i < arr.length; i++) { sum += arr[i]; } // 函数式（关注“做什么”） const sum = arr.reduce((acc, val) => acc + val, 0);