追加函数参数

JavaScriptJavaScriptBeginner
立即练习

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

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

简介

在本实验中,我们将探索如何在 JavaScript 中使用 partialRight() 函数来创建带有预先指定参数的新函数。这个强大的函数使我们能够轻松地将参数附加到现有函数上,从而在无需重新定义原始函数的情况下创建具有特定行为的新函数。我们将看到如何使用 partialRight() 来简化代码并使其更具模块化的示例。


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/BasicConceptsGroup -.-> javascript/str_manip("`String Manipulation`") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("`Spread and Rest Operators`") subgraph Lab Skills javascript/variables -.-> lab-28134{{"`追加函数参数`"}} javascript/data_types -.-> lab-28134{{"`追加函数参数`"}} javascript/arith_ops -.-> lab-28134{{"`追加函数参数`"}} javascript/comp_ops -.-> lab-28134{{"`追加函数参数`"}} javascript/str_manip -.-> lab-28134{{"`追加函数参数`"}} javascript/spread_rest -.-> lab-28134{{"`追加函数参数`"}} end

用于追加参数的函数

要创建一个将参数追加到其接收的参数列表中的函数,请执行以下步骤:

  1. 打开终端/SSH 并输入 node 以开始编码练习。
  2. 使用展开运算符 (...) 将 partials 追加到 fn 的参数列表中。
  3. 使用以下代码创建函数:
const partialRight =
  (fn, ...partials) =>
  (...args) =>
    fn(...args, ...partials);
  1. 使用一个示例测试该函数,例如:
const greet = (greeting, name) => greeting + " " + name + "!";
const greetJohn = partialRight(greet, "John");
greetJohn("Hello"); // 'Hello John!'

总结

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

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