[J] JavaScript & jQuery 공부하기 #9

경기도 일자리 재단에서 수업을 배웠고 자료를 참고하여 공부를 해보았다.

 

11. 선언적 함수

- 선언적 함수
* 함수
  - 특정 작업을 수행하는 문장 집합 단위
  - 함수를 사용하려면 함수를 호출하고자 하는 범위 내에 함수를 정의해야 함

* 선언적 함수
  - function 키워들르 이용하여 함수를 선언하는 경우를 선언적 함수라 함

* 함수의 선언
  - 인수 : 함수를 호출할 때 전달하는 값
  < script type="text/javascript">
    // 함수 선언문
    function 함수이름(인수1, 인수2){
      //함수 내용
    }
  </ script>
  - 함수의 사용 : 함수는 재사용이 가능하다.

* return의 사용
  - return을 만나면 함수를 바로 빠져나가게 된다
  - 그리고 return문에 지정된 값을 호출 원에게 반환함
  < script type="text/javascript">
    //함수 선언문
  function 함수 이름 (인수1, 인수2){
    //함수 내용
    return 리턴값;
  }
  </ script>

* 변수의 값으로 할당
  var x = 함수이름(값1, 값2);

* 직접 사용
  document.writeIn(함수이름(값1, 값2));

* 선언적 함수의 사용 예
  - 사각형의 부피 출력
  < script type="text/javascript">
    function getSquareVolume(bottom, height){
      // 함수명 : getSquareVolume, 인수 : bottom, height
      return bottom * height;
      //bottom , height를 이용해 부피를 구한 후 호출 원에게 반환
    }
    document.writeIn('사각형의 부피 = ' + getSquareVolume(5,3));
    //구해진 사각형의 부피 출력
    - 결과 : 사각형의 부피 = 15
  </ script>

  - 직육면체의 부피 출력
  < script type="text/javascript">
    function getCubeVolume(bottom, height, depth){
      //함수명 : getCubeVolume, 인수 : bottom, height, depth

      return bottom * height * depth;
      //bottom, height, depth 값을 사용해 부피를 구한 후 호출 원에게 반환
    }
    var bottom = 5;
    var height = 3;
    var depth = 6;
    document.writeIn('직육면체의 부피 =' +
      getCubeVolume(bottom, height, depth));
      //지정한 값을 함수의 인수로 전달하여 직육면체 부피 계산 후 출력
   - 결과 : 직육면체의 부피 = 90
  </ script>