JavaScript 函数组合 | 编码教程

简介

在本实验中，我们将探讨 JavaScript 中函数组合的概念。具体来说，我们将重点关注 composeRight 函数，它使我们能够将多个函数组合成一个从左到右执行的单一函数。通过实际示例，我们将看到函数组合如何简化我们的代码并使其更具模块化。

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28597{{"从左到右组合函数"}} javascript/data_types -.-> lab-28597{{"从左到右组合函数"}} javascript/arith_ops -.-> lab-28597{{"从左到右组合函数"}} javascript/comp_ops -.-> lab-28597{{"从左到右组合函数"}} javascript/higher_funcs -.-> lab-28597{{"从左到右组合函数"}} javascript/spread_rest -.-> lab-28597{{"从左到右组合函数"}} end

反转函数组合

要开始练习编码，请打开终端/SSH 并输入 node。

以下是如何进行从左到右的函数组合：

使用 Array.prototype.reduce() 方法进行从左到右的函数组合。

第一个（最左边的）函数可以接受一个或多个参数，而其余函数必须是一元函数。

const composeRight = (...fns) => fns.reduce( (f, g) => (...args) => g(f(...args)) );

例如：

const add = (x, y) => x + y; const square = (x) => x * x; const addAndSquare = composeRight(add, square); addAndSquare(1, 2); // 9

从左到右组合函数

简介

Skills Graph

反转函数组合

总结