자바스크립트, 함수 호출에 대해서 알아보기

출퇴근길에 공부하는 자바스크립트1

함수는 프로그래밍에서 중요한 구성 요소 중 하나이다. JavaScript에서 함수를 효과적으로 사용하려면 몇 가지 중요한 개념을 이해해야 한다. 이 글에서는 함수 호출과 관련하여 매개변수와 인수, 인수 확인, 매개변수의 최대 개수, 그리고 반환문에 대해서 살펴보도록 하겠다. 

매개변수와 인수

매개변수(parameter)는 함수를 정의할 때 선언하는 변수이다. 반면 인수(argument)는 함수를 호출할 때 전달하는 값이다. 예를 들면 다음과 같다.

function add(x, y) {
   return x + y;
 }
 const result = add(1, 2); 

여기서 x와 y는 매개변수이고, 1과 2는 인수이다.

인수 확인

JavaScript는 동적 타입 언어로, 함수 호출 시 매개변수의 타입이나 개수를 미리 확인하지 않는다. 그렇기 때문에 다음과 같은 문제가 발생할 수 있다.      

function add(x, y) {
   return x + y;
 }
 console.log(add("a", "b")); // 'ab' 

타입 확인을 추가하여 이러한 문제를 해결할 수 있을 것이다.

function add(x, y) {
   if (typeof x !== 'number' || typeof y !== 'number') {
     throw new TypeError('인수는 모두 숫자 값이어야 합니다.');
   }
   return x + y;
 } 

매개변수의 최대 개수

함수가 너무 많은 매개변수를 가지면 이해하거나 유지하기 어려워진다. 일반적으로 매개변수는 3개 이하로 유지하는 것이 좋다고 알려져있다. 그리고 필요한 경우 객체를 인수로 사용할 수 있다.      

function config(options) {
   // options 객체에서 필요한 값을 추출
 } 

반환문

return 키워드를 사용하여 함수의 실행 결과를 반환할 수 있다. 아래의 코드를 보다싶이 return문을 생략하면 undefined가 반환된다.      

function foo() {
   return;
 }
 console.log(foo()); // undefined 

함수를 잘 사용하려면 매개변수와 인수의 차이, 인수의 타입과 개수 확인, 그리고 return문의 사용 방법을 알아야 한다. 이러한 기본 사항들을 이해하면 JavaScript에서 더 효과적인 코드를 작성할 수 있을 것이다.