[Javascript 기초] 함수의 매개변수, 인수, 리턴값 그리고 화살표 함수

1. 매개변수 (parameter)

매개변수란 함수를 정의할 때 함수 외부에서 함수 내부로 특정 값(인수)을 전달하기 위해 사용하는

변수를 말하며, 인자라고도 불립니다.

 

2. 인수 (argument)

인수란 함수를 호출할 때 매개변수(parameter)를 통해서 전달되는 값을 말합니다.

인수로는 함수, 객체, 배열을 전달할 수 있습니다.

 

3. 반환 값 (return value)

반환 값이란 함수 내부에서 만들어진 값을 함수 호출 시 외부로 전달할 때 사용하는 값을 말합니다.

또한, 함수 구문을 실행하는 도중에 특정 시점에서 강제로 실행을 중단시키는 기능도 있습니다.

반환 값은 함수 내에서 return 선언자를 사용하여 전달할 수 있습니다.

// 매개변수: num1, num2
// 반환 값: result
function plus(num1, num2){
  const result = num1+num2;
  console.log(result);
  return result;
}

// 인수: 3.123, 4.456
const total = plus(3.123, 4.456);
console.log(total);

 

4. 화살표 함수

화살표 함수는 기존의 익명함수를 좀 더 쓰기 편하게 축약한 형태로, 기존 함수 표현식에서 function 키워드를

삭제하고, 매개변수 코드블록 사이에 =>를 넣어 사용할 수 있습니다.

 

만약 내부로 전달되는 파라미터가 하나라면 괄호는 생략이 가능합니다.

또한, 코드블록 안에서 실행되는 코드가 한 줄이라면 코드블록의 괄호도 생략이 가능합니다.

const plus = function(num1, num2){
  const result = num1+num2;
  return result;
}

const total = plus(3, 5);
console.log(total);


// 화살표 함수로 축약시킨 형태
const plus = (num1, num2) => {
  const result = num1+num2;
  return result;
}

const total = plus(3, 5);
console.log(total);

const abc = function (txt){
  console.log(txt);
}

abc("hello world");


// 파라미터와 실행구문이 한 줄일 때
const abc = txt => console.log(txt);

abc("hello world");