Call or Return

Beginner

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

소개

이 랩에서는 JavaScript 에서 유용한 유틸리티 함수인 callOrReturn 함수에 대해 배우겠습니다. 이 함수는 주어진 인자가 함수인지 여부를 판단하는 데 사용될 수 있습니다. 인자가 함수인 경우, 나머지 인자와 함께 호출됩니다. 그렇지 않으면, 단순히 주어진 인자를 반환합니다. 이 랩을 마치면, 이 함수를 사용하여 코드를 단순화하고 가독성을 향상시킬 수 있습니다.

다른 함수를 호출하거나 반환하는 함수

코딩 연습을 시작하려면 터미널/SSH 를 열고 node를 입력하십시오.

다음은 인자를 받아 함수인 경우 호출하고, 그렇지 않으면 반환하는 callOrReturn 함수입니다. 작동 방식은 다음과 같습니다.

  • 이 함수는 두 개의 매개변수를 받습니다: fn...args. fn은 검사할 인자이고, ...args는 함수가 호출될 경우 함수에 전달할 인자 목록입니다.
  • typeof 연산자를 사용하여 주어진 인자가 함수인지 확인합니다.
  • 인자가 실제로 함수인 경우, spread 연산자 (...) 를 사용하여 나머지 주어진 인자를 전달하여 함수를 호출합니다. 그렇지 않으면, 단순히 인자를 반환합니다.
  • 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을 반환합니다.

요약

축하합니다! Call or Return 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 기술을 향상시킬 수 있습니다.