对参数调用函数

JavaScriptJavaScriptBeginner
立即练习

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

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

简介

在本实验中,我们将探索对给定参数调用多个函数并返回结果的功能。具体来说,我们将创建一个函数,该函数接受多个函数并返回一个新函数,该新函数将这些函数中的每一个应用于它接收到的参数。这将帮助我们更好地理解 JavaScript 中 Array.prototype.map()Function.prototype.apply() 的用法。


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-28405{{"`对参数调用函数`"}} javascript/data_types -.-> lab-28405{{"`对参数调用函数`"}} javascript/arith_ops -.-> lab-28405{{"`对参数调用函数`"}} javascript/comp_ops -.-> lab-28405{{"`对参数调用函数`"}} javascript/higher_funcs -.-> lab-28405{{"`对参数调用函数`"}} javascript/spread_rest -.-> lab-28405{{"`对参数调用函数`"}} end

对参数调用函数

要使用 Node.js 执行代码,请打开终端/SSH 并输入 node

要创建一个函数,该函数使用接收到的参数调用每个提供的函数并返回结果:

  • 使用 Array.prototype.map()Function.prototype.apply() 将每个函数应用于给定的参数。
const over =
  (...fns) =>
  (...args) =>
    fns.map((fn) => fn.apply(null, args));

示例:

const minMax = over(Math.min, Math.max);
minMax(1, 2, 3, 4, 5); // [1, 5]

总结

恭喜你!你已经完成了“对参数调用函数”实验。你可以在 LabEx 中练习更多实验来提升你的技能。

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