函数式编程入门_javascript编程范式-js教程-PHP中文网

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

夢幻星辰

发布： 2025-11-28 17:47:02

原创

914人浏览过

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

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

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

什么是纯函数？

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

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

例如：

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

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

立即学习“Java免费学习笔记（深入）”；

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 可以轻松实现不可变更新。

10分钟内自己学会PHP

10分钟内自己学会PHP其中，第1篇为入门篇，主要包括了解PHP、PHP开发环境搭建、PHP开发基础、PHP流程控制语句、函数、字符串操作、正则表达式、PHP数组、PHP与Web页面交互、日期和时间等内容；第2篇为提高篇，主要包括MySQL数据库设计、PHP操作MySQL数据库、Cookie和Session、图形图像处理技术、文件和目录处理技术、面向对象、PDO数据库抽象层、程序调试与错误处理、A

524

查看详情

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

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

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

常见的高阶函数有 map、filter、reduce：

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 中写出更具函数式风格的代码。它不一定适合所有场景，但在处理数据流、构建管道逻辑时特别清晰有力。不复杂但容易忽略。

以上就是函数式编程入门_javascript编程范式的详细内容，更多请关注php中文网其它相关文章！