JavaScript 中的管道运算符

最新推荐文章于 2024-11-14 08:35:38 发布

原创最新推荐文章于 2024-11-14 08:35:38 发布

· 2.4k 阅读

0 ·

版权

文章标签：

#javascript #vue.js #前端

JavaScrpt 专栏收录该内容

6 篇文章

订阅专栏

这篇博客探讨了JavaScript中长期以来备受期待的管道运算符特性，该特性已进入TC39流程的第二阶段。目前可通过Babel的提案插件进行预览。管道运算符的引入简化了代码书写方式，使得代码更加清晰易读。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这pipeline operator是已经讨论了很长时间但从未成为 JavaScript 语言的特性之一。这改变了并pipeline operator作为草案进入了 TC39 流程的第 1 阶段。2021 年，它从第 1 阶段移至第 2 阶段。

目前只有

@babel/plugin-proposal-pipeline-operator · Babel

实现了生成环境勿用只做了解

// Piping example:
// Define some functions:
const add = (num) => num1 + 10
const subtract = (num) => num1 - 5
const multiply = (num) => num1 * 9

// Use piping to pass value through cascade of functions:
const num = multiply(add(subtract(15)))
console.log(num)
// Output:
// 180

有了管道运算符就可以这么写

// Without pipeline operator:
const add = (num1, num2) => num1 + 10
const subtract = (num1, num2) => num1 - 5
const multiply = (num1, num2) => num1 * 9

const num = multiply(add(subtract(15)))

// Log the value of "num":
console.log(num)
// Output:
// 180


// With pipeline operator:
const numPiped = 15 |> add |> subtract |> multiply

// Log the value of "num":
console.log(numPiped)