调用或返回

JavaScriptJavaScriptBeginner
立即练习

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

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

简介

在本实验中,我们将学习 callOrReturn 函数,它是 JavaScript 中一个很有用的实用函数。这个函数可用于判断给定的参数是否为函数。如果参数是函数,它将与其余参数一起被调用。否则,它将直接返回给定的参数。完成本实验后,你将能够使用这个函数来简化代码并提高其可读性。


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/spread_rest("`Spread and Rest Operators`") subgraph Lab Skills javascript/variables -.-> lab-28186{{"`调用或返回`"}} javascript/data_types -.-> lab-28186{{"`调用或返回`"}} javascript/arith_ops -.-> lab-28186{{"`调用或返回`"}} javascript/comp_ops -.-> lab-28186{{"`调用或返回`"}} javascript/spread_rest -.-> lab-28186{{"`调用或返回`"}} end

一个用于调用或返回另一个函数的函数

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

这里有一个名为 callOrReturn 的函数,它接受一个参数,如果该参数是函数则调用它,否则返回该参数。其工作原理如下:

  • 该函数接受两个参数:fn...argsfn 是要检查的参数,...args 是如果调用该函数时要传递给它的参数列表。
  • 它使用 typeof 运算符检查给定的参数是否为函数。
  • 如果参数确实是函数,它会使用展开运算符 (...) 调用该函数,以传递其余给定的参数。否则,它直接返回该参数。
  • 以下是如何使用 callOrReturn 函数的示例:
const callOrReturn = (fn, ...args) =>
  typeof fn === "function" ? fn(...args) : fn;

callOrReturn((x) => x + 1, 1); // 2
callOrReturn(1, 1); // 1

在第一个示例中,callOrReturn(x => x + 1, 1) 使用参数 1 调用函数 x => x + 1,返回 2。在第二个示例中,callOrReturn(1, 1) 直接返回 1,因为它不是函数。

总结

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

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