자바스크립트(JavaScript) 기초 - JS 문법 : 함수(Function)

< 자바스크립트(JavaScript) 기초 - JS 문법 : 함수(Function) >

1. JS 함수 기본 형태

 - 함수 정의 : function 함수명( ) {JS코드}

 - 함수 실행 : 함수명( );

2. JS 함수 샘플

<script>

        function two(){

          document.write('bbb');

          document.write('ccc');

        }

        document.write('aaa');

        two();

        document.write('ddd');

        two();

</script>

3. Parameter(매개변수) & Argument(인자)

 - 샘플코드

    <script>

      function sum(left, right){

        document.write(left+right+'<br>');

      }

      sum(2,3); --> 5

    </script>

 - Parameter : left, right (Argument 를 받아서 함수로 전달하는 변수)

   Argument : 2,3 (함수로 실제로 전달되는 값)

4. 리턴(Return)

<script>

      function sum(left, right){

        return left+right;

      }

      document.write(sum(2,3)+'<br>');

      document.write(sum(2,3)+'aaa');

      document.write('<div style="color:red">'+sum(2,3)+'</div>');

</script>

5. 함수의 활용(function refactoring) : self parameter 를 설정해야 명령구문의 this가 제대로 동작함.

function nightDayHandler(self) {~~self.~~~}

  <input id="night_day" type="button" value="night" onclick="

    nightDayHandler(this);

  ">

  <input id="night_day" type="button" value="night" onclick="

    nightDayHandler(this);

  ">