Parameter (파라미터)

console.log(값) 라는 함수를 살펴보면 소괄호 안에 값들을 입력했다. 함수를 입력할 때 소괄호 안에 입력하는 값을 파라미터, 한국어로는 매개변수라고 한다.

함수 내에서 변수처럼 사용할 수 있다. 함수를 선언하고, 호출할 때 소괄호 내부를 잘 활용하면 다양하게 함수 활용이 가능하다.

<script>
//함수 선언
	function 함수이름(파라미터) {

	};
</script>

함수 선언부분에서 소괄호 내부에 파라미터 작성하고 함수 내부에서 파라미터를 변수처럼 사용하게 되면

<script>
//함수 선언
	function 함수이름(파라미터) {
		console.log(파라미터);
	};

//함수 호출
	함수이름(값);
</script>

이렇게 함수 호출 시에 소괄호 안에 입력된 값이 함수 선언부의 파라미터에 전달되는 개념.

지난번에 했던 greetings 라는 함수로 예를 들어보자.

예시 - greetings 함수에서 'Hola' 호출하기

<script>
// 함수 선언
function greetings(sentence) { // 파라미터 부분에 sentence라고 작성
	console.log("Hi");
	console.log("안녕");
	console.log("こんにちは");
	console.log("你好");
	console.log("Guten Tag");
	console.log("Bonjour");
	console.log("Buongiorno");
	console.log(sentence); // 파라미터 값인 sentence 호출 --> 'Hola' 호출됨
};
//함수 호출
greetings('Hola'); //파라미터 부분에 'Hola' 라고 작성
</script>

또 다른 예시들

1. 이름을 입력하면 인사를 같이 출력해주는 함수 만들어보기
   

<script>
function welcome(name){
	console.log("안녕하세요 " + name + "님");
};

welcome('Chloe');
</script>

welcome(); 호출 할 때 파라미터 안에 다른 이름을 입력하면 선언부에 name이 입력된 값으로 출력이 된다.

2. 거듭제곱 출력하기

<script>
function printSquare(x){
	console.log(x * x);
};
    
printSquare(3); //9
printSquare(14); //196
printSquare(100); //10000
</script>

파라미터가 여러개일 때

<script>
//함수 선언
function 함수이름(파라미터, 파라미터) {

};
</script>

쉼표를 사용해서 파라미터 구분 시 여러 개 사용 가능
계속 쉼표로 파라미터 선언 시 개수 상관없이 필요한 만큼 사용 가능
but 너무 많은 파라미터 사용 시 함수 내 명령들을 작성할 때
코드가 점점 복잡해지기 때문에 함수를 정의할 때 목적을 명확히 하고 적절하게 사용하기

예시 - 숫자 두 개를 파라미터로 받고 합을 출력하는 함수 만들기

<script>
function printSum(num1, num2){
	console.log(num1 + num2);
};

printSum(5, 27); //32
printSum(72, 100); //172
printSum(1996, 1202); //3198
</script>

또 다른 예시들

1. 프로필을 입력받고 출력하는 함수 만들기

<script>
function introduce(name, birth, nationality, job){
	console.log('Hello ! Nice to meet you.');
	console.log('My name is '+name+".");
	console.log('My birthday is '+birth+".");
	console.log("I am from "+nationality+".");
    console.log("My job is "+job+".");
    console.log("I'm excited to be studying with you.");
	};
	
introduce("Chloe", "December 2nd", "Korea", "English teacher");

/* introduce 함수 실행 결과
Hello ! Nice to meet you.
My name is Chloe.
My birthday is December 2nd.
I am from Korea.
My job is English teacher.
I'm excited to be studying with you.
*/
</script>