- 当前位置：首页 >数据库 >函数式TypeScript
函数式TypeScript
发布时间：2025-11-02 21:49:09 来源：创站工坊 作者：应用开发
谈到函数式编程时，函数我们常提到机制、函数方法，函数而不是函数核心原则。函数式编程不是函数关于 Monad、Monoid 和 Zipper 这些概念的函数，虽然它们确实很有用。函数从根本上来说，函数函数式编程就是函数关于如使用通用的可复用函数进行组合编程。本文是函数我在重构 TypeScript 代码时使用函数式的一些思考的结果。
首先，函数我们需要用到以下几项技术：
尽可能使用函数代替简单值 数据转换过程管道化 提取通用函数来，函数开始吧!
假设我们有两个类，函数Employee 和 Department。函数Employee 有 name 和 salary 属性，函数Department 只是 Employee 的简单集合。
class Employee { constructor(public name: string, public salary: number) {} } class Department { constructor(public employees: Employee[]) {} works(employee: Employee): boolean { return this.employees.indexOf(employee) > -1; } }我们要重构的是 averageSalary 函数。
function averageSalary(employees: Employee[], minSalary: number, department?: Department): number { let total = 0; let count = 0; employees.forEach((e) => { if(minSalary <= e.salary && (department === undefined || department.works(e))){ total += e.salary; count += 1; } }); return total === 0 ? 0 : total / count;averageSalary 函数接收 employee 数组、***薪资 minSalary 以及可选的 department 作为参数。如果传了 department 参数，函数会计算该部门中所有员工的站群服务器平均薪资;若不传，则对全部员工进行计算。
该函数的使用方式如下：
describe("average salary", () => { const empls = [ new Employee("Jim", 100), new Employee("John", 200), new Employee("Liz", 120), new Employee("Penny", 30) ]; const sales = new Department([empls[0], empls[1]]); it("calculates the average salary", () => { expect(averageSalary(empls, 50, sales)).toEqual(150); expect(averageSalary(empls, 50)).toEqual(140); });需求虽简单粗暴，可就算不提代码难以拓展，其混乱是显而易见的。若新增条件，函数签名及接口就不得不发生变动，if 语句也会也越来越臃肿可怕。
我们一起用一些函数式编程的办法重构这个函数吧。
使用函数代替简单值
使用函数代替简单值看起来似乎不太直观，但这却是整理归纳代码的强大办法。在我们的例子中，这样做，意味着要将 minSalary 和 department 参数替换成两个条件检验的函数。
type Predicate = (e: Employee) => boolean; function averageSalary(employees: Employee[], salaryCondition: Predicate, departmentCondition?: Predicate): number { let total = 0; let count = 0; employees.forEach((e) => { if(salaryCondition(e) && (departmentCondition === undefined || departmentCondition(e))){ total += e.salary; count += 1; } }); return total === 0 ? 0 : total / count; } // ... expect(averageSalary(empls, (e) => e.salary > 50, (e) => sales.works(e))).toEqual(150);我们所做的就是将 salary、department 两个条件接口统一起来。而此前这两个条件是写死的，现在它们被明确定义了，并且遵循一致的接口。这次整合允许我们将所有条件作为数组传递。免费源码下载
function averageSalary(employees: Employee[], conditions: Predicate[]): number { let total = 0; let count = 0; employees.forEach((e) => { if(conditions.every(c => c(e))){ total += e.salary; count += 1; } }); return (count === 0) ? 0 : total / count; } //... expect(averageSalary(empls, [(e) => e.salary > 50, (e) => sales.works(e)])).toEqual(150);条件数组只不过是组合的条件，可以用一个简单的组合器将它们放到一起，这样看起来更加明晰。
function and(predicates: Predicate[]): Predicate{ return (e) => predicates.every(p => p(e)); } function averageSalary(employees: Employee[], conditions: Predicate[]): number { let total = 0; let count = 0; employees.forEach((e) => { if(and(conditions)(e)){ total += e.salary; count += 1; } }); return (count == 0) ? 0 : total / count; }值得注意的是，“and” 组合器是通用的，可以复用并且还可能拓展为库。
提起结果
现在，averageSalary 函数已健壮得多了。我们可以加入新条件，无需破坏函数接口或改变函数实现。
数据转换过程管道化
函数式编程的另外一个很有用的实践是将所有数据转换过程变成管道。在本例中，就是将 filter 过程提取到循环外面。
function averageSalary(employees: Employee[], conditions: Predicate[]): number { const filtered = employees.filter(and(conditions)); let total = 0 let count = 0 filtered.forEach((e) => { total += e.salary; count += 1; }); return (count == 0) ? 0 : total / count; }这样一来计数的 count 就没什么用了。
function averageSalary(employees: Employee[], conditions: Predicate[]): number{ const filtered = employees.filter(and(conditions)); let total = 0 filtered.forEach((e) => { total += e.salary; }); return (filtered.length == 0) ? 0 : total / filtered.length; }接下来，如在叠加之前将 salary 摘取出来，求和过程就变成简单的 reduce 了。
function averageSalary(employees: Employee[], conditions: Predicate[]): number { const filtered = employees.filter(and(conditions)); const salaries = filtered.map(e => e.salary); const total = salaries.reduce((a,b) => a + b, 0); return (salaries.length == 0) ? 0 : total / salaries.length; }提取通用函数
接着我们发现，***两行代码和当前域完全没什么关系。其中不包含任何与员工、服务器托管部门相关的信息。仅仅只是一个计算平均数的函数。所以也将其提取出来。
function average(nums: number[]): number { const total = nums.reduce((a,b) => a + b, 0); return (nums.length == 0) ? 0 : total / nums.length; } function averageSalary(employees: Employee[], conditions: Predicate[]): number { const filtered = employees.filter(and(conditions)); const salaries = filtered.map(e => e.salary); return average(salaries); }又一次，提取出的函数是完全通用的。
***，将所有 salary 部分提出来之后，我们得到***方案。
function employeeSalaries(employees: Employee[], conditions: Predicate[]): number[] { const filtered = employees.filter(and(conditions)); return filtered.map(e => e.salary); } function averageSalary(employees: Employee[], conditions: Predicate[]): number { return average(employeeSalaries(employees, conditions)); }对比原始方案和***方案，我敢说，毫无疑问，后者更棒。首先，它更通用(我们可以不破坏函数接口的情况下添加新类型的判断条件)。其次，我们从可变状态(mutable state)和 if 语句中解脱出来，这使代码更容易阅读、理解。
何时收手
函数式风格的编程中，我们会编写许多小型函数，它们接收一个集合，返回新的集合。这些函数能够以不同方式组合、复用 —— 棒极了。不过，这种风格的一个缺点是代码可能会变得过度抽象，导致难以读懂，那些函数组合在一起到底要干嘛?
我喜欢使用乐高来类比：乐高积木能够以不同形式放在一起 —— 它们是可组合的。但注意，并不是所有积木都是一小块。所以，在使用本文所述技巧进行代码重构时，千万别妄图将一切都变成接收数组、返回数组的函数。诚然，这样一些函数组合使用极度容易，可它们也会显著降低我们对程序的理解能力。
小结
本文展示了如何使用函数式思维重构 TypeScript 代码。我所遵循的是以下几点规则：
尽可能使用函数代替简单值 数据转换过程管道化 提取通用函数了解更多
强烈推荐以下两本书：
“JavaScript Allonge” by Reginald Braithwaite “Functional JavaScript” by Michael Fogus- Win7安全模式启动项设置教程（进入Win7安全模式启动项的方法与步骤详解）
- 万州大全新能源（在可持续发展的道路上迈出坚实的步伐）
- 如何给手机增加内存？（手机内存扩容教程及步骤详解）
- 电脑如何成为我们的音乐伴侣？（通过电脑听音乐的便利性和魅力）
- 电脑wis系统安装教程（电脑wis系统安装详解，助你提升工作效率与便捷性）
- 厦门诚意光学（诚意光学）
- 以1元买苹果手机，梦想成真！（揭秘抢购策略，让你轻松实现苹果手机梦想！）
- Win732位和64位双系统安装教程（详细步骤带你轻松完成双系统安装）
- 电脑打印显示格式错误如何解决？（探讨常见电脑打印显示格式错误及其解决方法）
- AirPods在安卓设备上的使用体验（探索AirPods在Android平台的兼容性与功能扩展）
- 老桃毛装机教程（教你一步步自己动手，从零开始组装属于自己的电脑）
- 探索2570p（性能强劲、功耗低、适用广泛——深入解读2570p的优势和应用领域）
- 魅族Pro7（以独特的创新设计和卓越性能，打造极致游戏体验）
- 曼巴眼镜蛇竞技版（突破极限，追求卓越的电竞装备）
- 手机信号满格却无法连接网络的解决方法（遇到手机信号满格但无法上网的情况？试试这些方法！）
- GT650M128位显卡的性能评测及特点分析（探究GT650M128位显卡的游戏性能和图形处理能力）
- 使用U盘重装Win7系统的详细教程（戴尔系统重装Win7系统的步骤和注意事项）
- 小米Pro分盘教程（小米Pro分盘教程，解锁存储空间的秘密武器）
- 腾龙17-50佳能扣镜头评测（画质出众功能全面佳能佳品推荐）
- XP系统安装教程（轻松掌握XP系统安装，享受流畅操作体验）
随便看看
- Copyright © 2025 Powered by 函数式TypeScript,创站工坊 滇ICP备2023006006号-44sitemap