04. parameter

구멍 a.k.a Parameter

---

파라미터라고 하면 어려우니까 구멍이라고 해봅시다.

함수내에 구멍을 뚫어줄 수 있습니다.

function 함수이름(구멍) {
  document.querySelector('요소').style.display = 구멍;
}

구멍을 뚫는 방법은

1. ( ) 소괄호 내에 아무 글자나 적고
2. { } 중괄호 내에도 같은 글자를 적으면 됩니다.

Why?

---

구멍을 뚫으면 함수를 업그레이드 해서 사용할 수 있습니다.

함수를 쓸 때 그냥 쓰는게 아니라 소괄호 내에 문자나 숫자등을 입력해서 사용가능합니다.

function 알림창열기(구멍){
  document.getElementById('alert').style.display = 구멍;
}

알림창열기('안녕');
알림창열기('바보');

소괄호 구멍 자리에 원하는 값을 입력해 줄 수 있습니다.

문자를 입력하면 중괄호 내부에 ‘구멍’ 자리에 문자가 들어가게 됩니다.

그럼 알림창열기(’안녕’) 이렇게 실행하면,

document.getElementById(’alert).style.display = ‘안녕’;

이렇게 코드가 실행이 됩니다.

where?

---

알림창열기(), 알림창닫기() 두 개의 함수를 만들어 쓸 것을

알림창열기(구멍) 하나의 함수로 두 가지가 가능해졌습니다.

그래서 비슷한 함수가 여러 개 있으면 굳이 여러개 만들 필요 없이

하나의 함수가 다양한 기능을 실행할 수 있게 됩니다.

특징

---

1. 파라미터는 자유롭게 작명이 가능합니다.

function plus(a) {
  2 + a 
}

1. 파라미터는 2개 이상 쓸 수도 있습니다.

function plus(a, b) {
  a + b
}
plus(2, 5)