ECMAScript 2021：函数式编程中的 pipeline operator-JavaScript中文网-JavaScript教程资源分享门户

什么是 pipeline operator

在 JavaScript 中，函数式编程是非常重要的编程范式之一。ECMAScript 2021 (ES12) 中，新增了一个非常重要的运算符，叫做 pipeline operator (管道运算符)，这个运算符可以大大提升函数式编程的体验。

pipeline operator 实现了函数式编程的 pipe 操作，可以将表达式链式连接，将前一个表达式的结果作为下一个表达式的输入参数，依次进行处理生成结果，非常利于函数调用的链式调用，提高代码的可读性和可维护性。

pipeline operator 可以用 |> 管道运算符来表示，它的功能和其他语言中的 pipe、compose、unix shell 中的管道命令类似。

如何使用 pipeline operator

pipeline operator 并不是必须使用的，但它能让代码更加简洁，具有更好的可读性，并且有利于编写函数式代码。

例如，我们可以使用 pipeline 去处理字符串：

// javascriptcn.com 代码示例
// Without pipeline operator
const text = "Hello, world";
const upperCase = str => str.toUpperCase();
const withExclamation = str => str + "!";

const result = withExclamation(upperCase(text)); // HELLO, WORLD!
console.log(result);

// With pipeline operator
const result2 = text
  |> upperCase
  |> withExclamation;
console.log(result2); // HELLO, WORLD!

我们可以看到使用 pipeline operator 的代码更加简洁清晰，易于理解。

示例

在这个示例中，假设我们有一组数字数组，我们想对这组数字去重、排序、过滤出偶数，再求这些数的平均值。我们可以用 pipeline operator 来完成此项任务：

const numberArray = [1, 2, 3, 3, 4, 5, 6, 6, 7, 8, 8, 9];
const result = numberArray
  |> arr => [...new Set(arr)] // 去重
  |> arr => arr.sort((a, b) => a - b) // 排序
  |> arr => arr.filter(num => num % 2 === 0) // 过滤出偶数
  |> arr => arr.reduce((sum, num) => sum + num, 0) / arr.length; // 求平均值

console.log(result); // 5

我们可以看到，使用 pipeline operator，我们可以将多个函数式操作进行链式调用，从而获得更加简洁、易于理解的代码。

总结

pipeline operator 是 ECMAScript 2021 新增的运算符之一，提供了一个方便的方式，让我们更加方便地链式调用多个函数。在函数式编程领域，这个新运算符可以帮助我们编写出更加简洁、直观、易于维护的代码。

在实际项目中，我们可以使用 pipeline operator 来简化可能变得臃肿和难以维护的函数调用链，从而使我们的代码更加健壮和易于维护。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/654075077d4982a6eb9f6797