函数式编程入门_javascript编程范式

纯函数指相同输入始终返回相同输出且无副作用的函数,如add(a, b);避免修改外部状态,如addToTotal改变全局变量则非纯函数。

函数式编程(Functional Programming)是一种编程范式,强调使用纯函数和避免共享状态与可变数据。在 JavaScript 中,虽然它是一门多范式语言,但函数式编程的特性被广泛支持,也越来越受到开发者青睐。理解函数式编程的基本概念,有助于写出更清晰、更易测试和更少副作用的代码。

什么是纯函数?

纯函数是函数式编程的核心。一个函数如果满足以下两个条件,就是纯函数:

  • 相同的输入永远返回相同的输出:无论调用多少次,只要参数一样,结果就一样。
  • 没有副作用:不修改外部变量、不操作 DOM、不发起网络请求、不读取或写入文件等。

例如:

function add(a, b) {
  return a + b;
}

这个 add 函数是纯函数。而下面这个就不是:

let total = 0;
function addToTotal(num) {
  total += num; // 修改了外部变
  return total;
}

因为它改变了外部状态,多次调用会得到不同结果,违反了纯函数原则。

不可变性(Immutability)

函数式编程推崇数据不可变。这意味着你不应该直接修改现有对象或数组,而是创建新的副本。

比如,不要这样做:

const arr = [1, 2, 3];
arr.push(4); // 直接修改原数组

而应这样:

const arr = [1, 2, 3];
const newArr = [...arr, 4]; // 创建新数组

对对象也类似:

const user = { name: "Alice", age: 25 };
const updatedUser = { ...user, age: 26 }; // 不改变原对象

利用展开运算符或 Object.assign 可以轻松实现不可变更新。

高阶函数与函数作为一等公民

JavaScript 中函数是一等公民,可以赋值给变量、作为参数传递、也可以作为返回值。这为高阶函数提供了基础。

高阶函数是指接受函数作为参数,或返回函数的函数。

常见的高阶函数有 mapfilterreduce

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

const doubled = numbers.map(x => x * 2); // [2, 4, 6, 8]

const evens = numbers.filter(x => x % 2 === 0); // [2, 4]

const sum = numbers.reduce((acc, x) => acc + x, 0); // 10

这些方法不会改变原数组,而是返回新数组或值,符合函数式风格。

函数组合与柯里化

函数组合(Function Composition)是将多个函数连接起来,前一个函数的输出作为下一个函数的输入。

例如:

const toUpper = str => str.toUpperCase();
const exclaim = str => str + '!';
const sayHello = str => 'Hello, ' + str;

const greet = str => exclaim(toUpper(sayHello(str)));
greet('world'); // "Hello, WORLD!"

柯里化(Currying)是把接受多个参数的函数转换成一系列只接受一个参数的函数。

例如:

const add = a => b => a + b;
const add5 = add(5);
add5(3); // 8

柯里化让函数更灵活,便于复用和组合。

基本上就这些。掌握纯函数、不可变性、高阶函数和函数组合,就能在 JavaScript 中写出更具函数式风格的代码。它不一定适合所有场景,但在处理数据流、构建管道逻辑时特别清晰有力。不复杂但容易忽略。