从左到右组合函数

JavaScriptJavaScriptBeginner
立即练习

This tutorial is from open-source community. Access the source code

💡 本教程由 AI 辅助翻译自英文原版。如需查看原文,您可以 切换至英文原版

简介

在本实验中,我们将探讨 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

总结

恭喜你!你已经完成了“反转组合函数”实验。你可以在 LabEx 中练习更多实验来提升你的技能。

您可能感兴趣的其他 JavaScript 教程