javascript기초(function : 함수,파라미터 문법)

function 은 긴 코드를 축약하고 싶을때 쓰인다.(특정 기능을 다음에도 쓰기 위해 모듈화 해놓는 문법)

 

function 함수이름(){
  코드
}

 

기본적으로 위와 같은 방법으로 작성한다.

작성된 함수는 함수이름()을 쓸 때 마다 해당 자리에 코드가 실행된다.

 

EX)

 

<script>
    function closeButton(){
           document.getElementById('alert').style.display = 'none';
        }
 </script>

 

function 을 이용해 closeButton이라는 함수를 생성하였다.

코드는 버튼을 눌렀을때 alert 박스가 닫히는 코드

 

<div class="alert-box" id="alert">알림창
        <button class="close-Button" onclick="closeButton();">X</button>
    </div>

onclick에 긴 코드를 넣는것 보다 훨씬 깔끔해졌다 이렇게 함수 명만 넣어주면 함수 안에 있는 코드가 실행된다.

---

function 파라미터 문법

 

<script>
    function closeButton(파라미터){
           document.getElementById('alert').style.display = '파라미터';
        }
 </script>

 

파라미터는 함수의 소괄호( )내에 파라미터를 생성하게 되면 해당 값을 그 자리에 가져다 준다.

 

closeButton('none');

함수에 다음과 같이 파라미터 값을 넣어주면 어떻게 될까

해당 값은 style.display = "none" 값을 가지고 실행된다.

 

파라미터 문법을 이용하면 비슷한 코드를 여러개 만들 필요없이 파라미터를 이용해 함수 하나만을 이용할수 있는것이 장점이다.