[Codding Apple, js] function의 파라미터 문법

function에 사용가능한 피라미터 문법

함수내에 구멍을 뚫어준다고 생각해보자!

function alertOpen(구멍){
  document.getElementById('alert').style.display = 구멍;
}

지금 함수 내에 구멍을 뚫었습니다.

 

 

구멍을 뚫는 법은(파리미터 생성법)

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

 

구멍을 뚫는이유(파라미터 생성하는 이유)

→ 구멍을 뚫으면 함수를 업그레이드해서 사용할 수 있기때문!

구멍이 뚫려있으면 이제 함수를 쓸 때 그냥 쓰는게 아니라

소괄호 내에 뭔가 문자나 숫자등을 입력해서 사용가능

 

function alertOpen(구멍){
  document.getElementById('alert').style.display = 구멍;
}

alertOpen('안녕');
alertOpen('잘가');

▲ 업그레이드 된 함수를 사용할 때는

소괄호 구멍자리에 뭔가 내가 원하는 문자를 입력해줄 수 있음

문자를 입력하면 아까 그 {} 중괄호 내부의 '구멍'자리에 문자가 들어가게됨

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

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

이런 코드가 실행된다는 것

function alertOpen(구멍){
  document.getElementById('alert').style.display = 구멍;
}

alertOpen('none'); //알림창 닫힘
alertOpen('block');  //알림창 열림

 

이거 구멍 문법을 어디다 쓰죠?

문법만 외우고 땡이 아니라

언제 이 문법을 써야하는지 알아야 나중에 혼자서도 코드 잘짭니다.

아까는 알림창열기() 알림창닫기() 두 개의 함수를 만들어 썼지만

지금은 알림창열기(구멍) 이거 하나면 다 됩니다.

→ 그래서 비슷한 함수가 여러개 있으면 굳이 여러개 만들 필요 없이 하나가지고 구멍만 뚫어보십시오.

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

이거 외엔 쓸데없습니다.

파라미터 문법 이해를 위한 예시 2

function plus(){
  2 + 1
}

코드를 짜다가 2 + 1 같은 수식을 함수로 축약해서 사용하고 있는데

갑자기 2 + 2 도 필요하고 2+ 3 도 필요함 이럴땐 아래코드처럼 하면되긴함!

function plus(){
  2 + 1
}

function plus2(){
  2 + 2
}

function plus3(){
  2 + 3
}

 

 

이렇게 하면되지만 2 + 숫자 가 반복되고있음 그럴경우

2 +는 그대로 쓰고 2 + 숫자 부분에 숫자를 구멍으로 만들어주면 함수가 하나만 필요하게됌!

 

 

function plus(구멍){
  2 + 구멍
}

가변적인 부분을 구멍뚫어주면 이제 함수 쓸 때 마다

plus(1) 하면 2 + 1 해주고

plus(2) 하면 2 + 2 해주니까

함수 하나로 해결가능!

 

그래서 쓰는 문법이 구멍문법입니다.

 

파라미터 문법 특징

파라미터 문법 세부사항 2개가 있는데

 

1. 파라미터는 자유롭게 작명가능

function plus(a){ 
  2 + a
}

 

2. 파라미터는 2개 이상 사용가능

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

콤마로 구분하면 됩니다.

그럼 함수 사용할 때도 자료 2개 입력가능