JavaScript의 명명된 매개변수

오늘 포스트에서는 자바스크립트에서 명명된 매개변수를 살펴보겠습니다.

JavaScript의 명명된 매개변수

위치 인수에서 빼야 할 요점은 인수의 이름이 의미가 없다는 것입니다. 인수가 전달되는 순서만 중요합니다.

const functionName = (argument1, argument2) => {
  console.log(`Hello ${argument1} ${argument2}`);
}

인수의 순서를 뒤섞기 어렵기 때문에 일반적으로 하나 또는 두 개의 인수를 보내는 상황에서 완벽하게 작동합니다. 그러나 n개의 인수가 필요한 호출을 수행해야 하는 경우 전달할 인수 시퀀스를 기억하기 어려울 수 있습니다.

기본적으로 명명된 인수는 JavaScript에서 지원되지 않습니다. 그러나 객체 리터럴과 구조 분해를 사용하여 유사한 작업을 수행할 수 있습니다.

기본값이 설정되어 있더라도 빈 객체에 객체를 할당하면 매개변수 없이 함수를 호출할 때 발생하는 오류를 방지할 수 있습니다.

함수는 더 이상 인수가 제공되는 순서에 의존하지 않으므로 명명된 인수의 패턴을 사용하여 전달하지 않으려는 인수를 제외할 수도 있습니다.

const namedParamFunction = ({argument1, argument2, argument3} = {}) => {
  console.log(argument1, argument2, argument3)
} namedParamFunction({argument3: 'DelftStack!', argument1: 'Hello'});

결론적으로 명명된 인수는 현재 널리 사용되는 강력한 패턴이지만 반드시 사용할 필요는 없다고 주장합니다. 때때로 두 가지를 결합할 수도 있습니다.

JavaScript와 호환되는 모든 브라우저에서 위 코드 행을 실행하십시오. 다음과 같은 결과가 표시됩니다.

"Hello DelftStack Users!"
"Hello", undefined, "DelftStack!"

데모