[함수] - 기초

• 함수
  • 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록
  • 자바스크립트 함수
    • 하나의 타입(datatype)
    • 함수를 변수에 대입하거나
    • 함수에 프로퍼티를 지정하는 것도 가능
    • 다른 함수 내에 중첩되어 정의될 수 있다.
  • 함수 정의
    • function 키워드로 시작
    • 구성요소1 : 함수의 이름
    • 구성요소2 : 괄호 안에 쉼표(,)로 구분되는 함수의 매개변수 (parameter)
    • 구성요소3 : 중괄호로 둘러싸인 자바스크립트 실행문

    • function 함수이름(매개변수1, 매개변수2, ...) {
          // 함수가 호출되었을 때 실행하고자 하는 실행문
      }
      
      // 함수이름 : 함수를 구분하는 식별자
      // 매개변수 : 함수를 호출할 때 인수로 전달된 값을 함수 내부에서 사용할 수 있게 해주는 변수

    • // 예제
      
      // addNum라는 이름의 함수를 정의
      function addNum(x, y) {
          document.write(x + y);
          // 5
      }
      
      addNum(2, 3);

• 반환문
  • 함수 내 반환(return)문 포함
  • 함수에서 실행된 결과를 전달받을 수 있다.
  • 함수의 실행을 중단하고
  • return 키워드 다음에 명시된 표현식의 값을 호출자에게 반환
  • 배열이나 객체를 포함한 모든 타입의 값을 반환

  • // 예제
    
    function multiNum(x, y) {
        return x * y;
    }
    
    var num = multiNum(3, 4);
    // 반환값이 변수 num에 저장
    
    document.write(num);
    // 12

• 함수 호출
  • 함수의 호출은 함수의 정의문과 같은 형태로 호출

  • // 함수의 정의
    function addNum(x, y) {
        return x + y;
    }
    
    //함수의 호출
    var sum = addNum(3, 5);
    // 함수 addNum()을 호출하면서, 인수로 3과 5를 전달
    // 호출이 끝난 뒤에는 그 반환값을 변수 sum에 대입

• 값(value)으로서의 함수

  • // 예제
    
    function sqr(x) {
        return x * x;
    }
    
    var sqrNum = sqr;
    // 변수 sqrNum에 함수 sqr을 대입
    
    document.write(sqr(4) + "<br>");
    // 16
    document.write(sqrNum(4));  // 변수 sqrNum를 함수처럼 호출함
    // 16