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

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

 

12. 익명 함수

* 익명 함수
  - function () {} 형태로 정의하고, 이름을 가지고 있지 않다.
  - 이름이 없으므로 변수에 할당하여 사용하거나 함수의 인자로 사용한다

* 익명 함수의 정의
  < script type="text/javascript">
    var 변수명 = function(인수1, 인수2){
      //함수 내용
    }
  </ script>

* 함수의 사용
  - 익명 함수 또한 재사용이 가능하다.

* 익명 함수와 선언적 함수의 차이점
  - 선언적 함수는 다른 JavaScript 코드를 실행하기 전에 먼저 로딩이 된다.
  < script type="text/javascript">
    //선언적 함수 - 실행
    func();
    function func(){
      document.writeIn('실행');
    }

    //익명 함수 - 실행 되지 않는다
    func();
    var func = function{
      document.writeIn('실행');
    }
  </ script>

* 익명 함수의 사용 예
  - 사각형의 부피 출력
  < script type="text/javascript">
    var getSquareVolumn = function(bottom, height){
      return bottom * height;
    }
    document.writeIn('사각형의 부피 = ' + getSquareVolumn(5,3));

    - 결과 : 사각형의 부피 = 15
  </ script>

  - 직육면체의 부피 출력
  < script type="text/javascript">
    var getCubeVolume = function (bottom, height, depth){
      return bottom * height * depth;
    }

    var bottom = 5;
    var height = 3;
    var depth = 6;
    document.writeIn('직육면체의 부피' + getCubeVolume(bottom, height, depth));

    - 결과 : 직육면체의 부피 = 90
  </ script>