在 JavaScript 中把可变参数函数转换为数组函数

简介

在本实验中，我们将探讨如何在 JavaScript 中将可变参数函数转换为数组函数。我们将使用闭包和展开运算符，将参数数组映射到函数的输入。完成本实验后，你将能够创建一个可复用的函数，该函数接受参数数组而非单个参数。

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic 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/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28213{{"将可变参数函数进行转换"}} javascript/data_types -.-> lab-28213{{"将可变参数函数进行转换"}} javascript/arith_ops -.-> lab-28213{{"将可变参数函数进行转换"}} javascript/comp_ops -.-> lab-28213{{"将可变参数函数进行转换"}} javascript/spread_rest -.-> lab-28213{{"将可变参数函数进行转换"}} end

转换可变参数函数

要转换可变参数函数，请按以下步骤操作：

打开终端/SSH 并输入node以开始编码。
创建一个接受可变参数函数的函数。
使用闭包和展开运算符（...）将参数数组映射到函数的输入。
返回一个新函数，该函数接受参数数组并用这些参数调用原始可变参数函数。

以下是如何使用此技术转换Math.max函数的示例：

const spreadOver = (fn) => (argsArr) => fn(...argsArr);

const arrayMax = spreadOver(Math.max);
arrayMax([1, 2, 3]); // 3

总结

恭喜你！你已经完成了“将可变参数函数进行转换”实验。你可以在 LabEx 中练习更多实验来提升你的技能。