JavaScript 함수 인자 제한하기

Beginner

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

소개

이 랩에서는 JavaScript 의 Function Arity 개념을 탐구합니다. 이 랩의 목적은 함수와 숫자 n을 인수로 받아 최대 n개의 인수만 허용하고 추가 인수는 무시하는 새로운 함수를 반환하는 고차 함수를 만드는 것입니다. 이를 통해 JavaScript 에서 함수에 전달되는 인수의 수를 제한하는 방법을 이해할 수 있습니다.

이것은 가이드 실험입니다. 학습과 실습을 돕기 위한 단계별 지침을 제공합니다.각 단계를 완료하고 실무 경험을 쌓기 위해 지침을 주의 깊게 따르세요. 과거 데이터에 따르면, 이것은 초급 레벨의 실험이며 완료율은 87%입니다.학습자들로부터 100%의 긍정적인 리뷰율을 받았습니다.

특정 수의 인수를 가진 함수 생성 방법

특정 수의 인수를 허용하고 추가 인수를 무시하는 함수를 생성하려면 다음 단계를 따르세요.

  1. 터미널/SSH 를 열고 node를 입력하여 코딩 연습을 시작합니다.

  2. 다음 코드를 사용하여 함수를 생성합니다.

const ary =
  (fn, n) =>
  (...args) =>
    fn(...args.slice(0, n));
  1. 방금 생성한 함수 ary를 두 개의 인수, 즉 인수를 제한하려는 함수 (fn) 와 제한하려는 인수의 수 (n) 로 호출합니다.

  2. 이제 새 함수를 사용하여 원하는 모든 함수의 인수를 제한할 수 있습니다. 이렇게 하려면 스프레드 연산자 (...) 와 제한하려는 인수를 사용하여 새 함수를 호출합니다.

새 함수를 사용하는 방법의 예는 다음과 같습니다.

const firstTwoMax = ary(Math.max, 2);
[[2, 6, "a"], [6, 4, 8], [10]].map((x) => firstTwoMax(...x)); // [6, 6, 10]

이 예에서 firstTwoMaxMath.max 함수가 처음 두 개의 인수만 허용하도록 제한하는 새로운 함수입니다. map 메서드는 새 함수를 외부 배열의 각 배열에 적용하여 각 내부 배열의 처음 두 요소의 최댓값을 반환하는 데 사용됩니다.

요약

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