ECMAScript函数式编程入门指南

发布时间：2025-08-16 12:57:25 来源：亿速云阅读：124 作者：小樊栏目：编程语言

函数是一等公民：函数可作为参数传递、返回值或赋值给变量。
箭头函数：
- 语法：(参数) => 表达式，支持隐式返回（单行时省略{}和return）。
- 特点：继承外层this，无arguments对象，适合回调和高阶函数。

纯函数
- 相同输入始终返回相同输出，无副作用（如不修改外部变量）。
- 示例：const add = (a, b) => a + b;
不可变性
- 数据一旦创建不可修改，操作时返回新数据（如数组的map/filter）。
- 示例：const newArr = arr.map(item => item * 2);
高阶函数
- 接收函数作为参数或返回函数，如map、reduce、filter。
- 示例：[1,2,3].map(x => x + 1);
函数组合
- 将多个函数串联为单一函数，如const addThenMultiply = x => multiply(add(x));。

解构赋值：从数组/对象中提取值，简化参数传递。

const [a, b] = [1, 2]; // 数组解构
const { name, age } = { name: "Alice", age: 30 }; // 对象解构

剩余参数与扩展运算符：
- 剩余参数：const sum = (...args) => args.reduce((acc, val) => acc + val, 0);
- 扩展运算符：const newArr = [...arr1, ...arr2];

利用高阶函数：如Array.prototype.reduce实现累加：

const total = [1, 2, 3].reduce((acc, val) => acc + val, 0);

注：函数式编程需逐步适应不可变思维，优先从简单场景（如数据处理）入手，结合ES6+特性提升代码简洁性。

向AI问一下细节

猜你喜欢