해도해도 어려운 함수 😇(Javascript function(2))

minjoo kim·2021년 1월 13일
0
let result4 = noParameter();
console.log(result4);

console.log(noParameter());

4.매개변수(parameter)와 인자(argument)
방금은 return 키워드를 통해 함수를 호출할때 데이트를 “반환”하는 법이었습니다.

그럼 “외부에서 입력 받은 데이터를 처리하는 경우”는 어떻게 할까요?

function getName(name) { 
	return name + '님'; 
}

정의된 함수의 소괄호 내부에 지금까지와는 달리 'name'이라는 단어가 들어 있습니다.
이처럼 함수 이름 옆 소괄호 자리에 적혀 있는 단어는 매개변수, parameter라고 부릅니다.

💡 매개변수는 외부로부터 들어오는 값을 담아 함수 내부에서 사용하도록 하는 변수의 역할을 합니다.

(당장 잘 와닿지 않는다면 일단 함수 외부로부터 들어온 값이 담길 '자리' 혹은 '변수의 이름'으로 기억해주세요!)

이번에는 getName함수를 한 번 호출해보겠습니다.
함수의 파라미터 자리에 "이름"을 넣어 주세요. 이제 이 값("이름")은 함수 내의 name 이라는 변수에 전달되고, "님" 이라는 문자열이 붙어 리턴 됩니다.

let result1 = getName('개발자'); 
console.log(result1); // 콘솔에 '개발자님'이 출력됩니다.
let result1 = getName('개발자'); // '개발자님' 출력 
let result3 = getName('프론트엔드 개발자'); // '프론트엔드 개발자님' 출력 
let result4 = getName('백엔드 개발자'); // '백엔드 개발자님' 출력

위와 같이 ‘개발자’ ‘디자이너’ ‘기획자’ 등의 값들을 넣어서 호출할 수 있는데, ‘개발자’같이 실질적인 값들을 바로 인자(argument)라고 합니다.

💡앞서 매개변수(parameter)는 '자리' 혹은 '변수의 이름'이라고 말씀드렸습니다. 반면, 인자(argument)는 그 자리에 들어갈 구체적인 값을 뜻합니다. 이 두 종류의 값을 잘 구분해주세요.

0개의 댓글