함수의 파라미터

아주 기초적인 부분인데도 용어가 어려워 이해가 힘든 부분이 많다.

간단한 부분부터 용어와 목적을 확실히 알고가야겠다.

 

함수의 파라미터를 왜 쓰는가?

=> 함수를 업그레이드 하기 위해서!

function onModalVisible(item) {
	document.getElementById('box-wrapper').style.display = item;
}

onModalVisible(123);
onModalVisible('example');
onModalVisible('block');

여기서 사용한 item이 파라미터. 파라미터란, 일종의 구멍이라고 할 수 있따.

함수에 구멍을 뚫어놓으면 그 함수를 써야할 때 뚫어둔 구멍으로 무엇이든 입력이 가능함.

그러니까

function onModalVisible() {
	document.getElementById('box-wrapper').style.display = 'block';
}
function onModalHidden() {
	document.getElementById('box-wrapper').style.display = 'none';
}

onModalVisible();
onModalHidden();

이렇게 똑같은 함수를 여러개 만들어서 여러개 불러올 필요 없이

function onModalVisible(parameter) {
	document.getElementById('box-wrapper').style.display = parameter;
}

onModalVisible('block');
onModalVisible('none');

파라미터 = 뚫어둔 구멍을 통해서 쏙 넣었다 뺐다 할 수 있다.