Javascript - function 함수

1. 함수(function)

• 함수는 공통의 작업을 처리하기 위해 연관된 코드들을 모아놓은 자료형을 뜻한다
  • 사용 방식
    • 함수 선언식
      • 사용 예

        // 예제
        function [함수명]() {
        	// code
        }
        
        function printHello(){
        	console.log("Hello");
        }
        printHello();

        • 함수 선언식의 사용 예는 다음과 같으며 해당 함수 중괄호안에 작성된 코드들이 일괄적으로 실행할 수 있게끔 하는것이 특징이다. (함수 이름 또한 변수 이름처럼 카멜케이스 기술규칙에 따라 지어주면 됨)
          • Javascript에서 함수를 실행하는 것을 “함수를 호출한다” 라고 하며, 함수의 이름으로만 호출할 수 있다.
            • 예제

              // 함수 선언식 예제 - 한번만 수행할 경우
              function gugudan(){
                  console.log("5 * 1 = 5");
                  console.log("5 * 2 = 10");
                  console.log("5 * 3 = 15");
                  console.log("5 * 4 = 20");
                  console.log("5 * 5 = 25");
                  console.log("5 * 6 = 30");
                  console.log("5 * 7 = 35");
                  console.log("5 * 8 = 40");
                  console.log("5 * 9 = 45");
              }
              gugudan();
              
              // 함수 선언식 예제 - 반복적으로 수행하고자할 경우
              function gugudan(){
                  console.log("5 * 1 = 5");
                  console.log("5 * 2 = 10");
                  console.log("5 * 3 = 15");
                  console.log("5 * 4 = 20");
                  console.log("5 * 5 = 25");
                  console.log("5 * 6 = 30");
                  console.log("5 * 7 = 35");
                  console.log("5 * 8 = 40");
                  console.log("5 * 9 = 45");
              }
              gugudan();
              gugudan();

              • 함수의 기능들을 반복적으로 수행하고 싶다면 함수 이름을 반복적으로 넣어주면 된다.
    • 함수 표현식
      • 사용 예

        // 예제
        const [변수명] = function [함수명]() {
        	// code
        }
        
        const printHello = function printHello() {
        	// code
        }
        printHello();
        
        const hello = () => {
        	// code
        }
        Hello();

        • 함수 표현식의 예는 다음과 같으며 함수 선언식과 다르게 명시적 선언 변수(var, let, const)를 함께 사용해서 표현하는 방법도 가능하다
          • 예제

            // 함수 표현식 예제
            const gugudan = function gugudan(){
                console.log("5 * 1 = 5");
                console.log("5 * 2 = 10");
                console.log("5 * 3 = 15");
                console.log("5 * 4 = 20");
                console.log("5 * 5 = 25");
                console.log("5 * 6 = 30");
                console.log("5 * 7 = 35");
                console.log("5 * 8 = 40");
                console.log("5 * 9 = 45");
            };
            gugudan();

            • 함수는 보통 한번 선언하고 내용이 변경되는 일이 없도록 하는 일이 많다. 함수 표현식은 변수를 선언하는 방식인 var, let, const 키워드를 사용하므로, 한번 할당된 데이터 값을 변경할 수 없는 const 키워드를 주로 이용해서 코드실행에 문제가 발생하지 않게 하고 있다
              • 참고사항
                • 함수 표현식은 함수 선언식과 다르게 변수를 이용해 데이터 값을 할당하기 때문에 함수 속성자에 세미콜론(;)을 찍어야 함 (물론, 세미콜론 안찍어도 에러는 발생하지 않지만 일관된 코드실행을 위해선 찍는 것이 좋음)
                • 함수 표현식은 변수의 이름으로만 호출할 수 있다.
    • Tip.
      • 보통 함수를 사용하다보면 함수 옆에 이름이 없는경우가 있다. 그런 함수를 익명함수(Anonymous function) 라고 한다.
        • 예제

          // 익명함수(Anonymous function) 사용 예
          const food = function(){
          	// code
          }