JS_함수

카테고리 없음
JS_함수

글로리아-89 2024. 4. 30. 17:56
728x90
<body>
  
    <script>
        // 1. 함수란 
        // : 특정한 목적을 가지고 있는 수행하기 위해 독립적인 설계된 블록
        // : 내가 편하게 사용하기 위해 만드는 기능
        // : 정의할때 고려사항 : input(=입력, 매개변수) & output(=출력, 반환데이터)

        
            // function 함수명 (매개변수's) {
            //     로직 기능 구형을 위히ㅏㄴ 코ㅡ 작성
            //     return 반환값 >> 안써도 됨 / 없어도 됨
            // }


        // 2. 함수선언방식 3가지 (함수 선언문, 표현식, 화살표함수)
        //  2-1 함수 선언문(1)
            // 함수 선언문으로 정의하나 후 함수 호출 위치가 어디이든 가능하다(특이함)
        function greet(){
            console.log(("안녕하세요"));
        }
          // 2-1 함수 호출 (2) 
          // >> ★★ 함수호이스팅('끌어올린다'): 위치가 선언문 위쪽에 있어도 상관없음
          //                      하지만 원치 않는 실행결과가 나올 수 있기 때문에 최근에는 표현식, 화살표함수 사용
            greet(); 

        //  2-2 함수표현식
        // : 함수를 값으로 취급한다. 
        // : 호출보다 선언이 먼저되어야 한다. 
        let greet2 = function() {
            console.log("반갑습니다.");
        }
            greet2();

        // 2-3 화살표함수
        // (1) 함수표현식
        // let greet3 = function() {
        //     console.log("안녕히가세요");
        // }

        // (2) 화살표 함수
        // let greet3 = () => {
        //     console.log("안녕히가세요");
        // }

        // (3) 매개변수 담기 
        // let greet3 = (name) => {
        //     console.log("안녕히가세요");
        // }

            // 매개변수가 한개 일 경우 소괄호 생략 가능
            // let greet3 = name => {
            //     console.log("안녕히가세요+"+name);
            // }
            // greet3("미리")

            // 매개변수가 여러개 일 경우
            let greet3 = (name, age) => {
                console.log("안녕히가세요+"+name);
            }
            greet3("미리")


    </script>


</body>
출처: 스마트인재개발원
728x90