자바스크립트 함수

함수

01/ 선언적 함수

선언함수는 자바스크립트 함수의 여백과 패딩을 관리하는 역할을 하는 함수를 말한다. 선언함수 안에서 margin과 padding의 값을 설정하여 함수의 여백과 패딩을 조절할 수 있다.

 {
        function func(){
               document.write("실행되었습니다.<br>");
           }
           func();
        }

02/ 익명 함수

익명함수란 이름이 없는 함수를 말한다. 익명함수는 함수 리터럴로 정의하며 주로 변수에 할당하여 사용하거나 함수의 인수로 전달하여 사용된다. 익명함수는 즉시 실행 함수로도 불리며 (IIFE, Immediately Invoked Function Expression) 함수 선언과 동시에 실행되는 특성을 가지고 있다.

        {
            const func = function(){
                document.write("실행되었습니다.<br>");
            }
            func();

        }

03/ 매개변수 함수

함수의 매개변수(parameter)란 함수를 호출할 때 인수로 전달된 값을 함수 내부에서 사용할 수 있게 해주는 변수이다. 또한, 함수의 인수(argument)란 함수가 호출될 때 함수로 값을 전달해주는 변수를 가리킨다.

        {
            let str = "실행되었습니다!<br>";
                        //파라미터 : 전달시켜주는 함수
            function func(str){
                document.write(str)
            }
            func(str);
        }
        
        //같은데 간단한 표현식
       {
            function func(str){
                document.write(str)
            }
            func("실행되었습니다!<br>");
        }

04/ 리턴 함수

함수 본문에서 return 명령문에 도달하면 함수의 실행은 그 지점에서 중단된다. 값을 제공한 경우 함수를 호출한 곳에 그 값을 반환한다.

        {
            function func(){
                const str = "함수가 실행되었습니다.<br>";
                return str;
            }
            document.write(func()) ;
        }

 

화살표 함수

화살표 함수는 함수 표현식보다 단순하고 간결한 문법으로 함수를 만들 수 있는 방법이다.

function 대신 => 를 쓴다.

 

05/ 화살표함수 : 선언적함수

            func = () => {
                document.write("실행되었습니다")
            }
            func();

06/ 화살표함수 :  익명함수 

            const func = () => {
                document.write("실행되었습니다");
            }
            func();

07/ 화살표함수 : 매개변수 함수

            func = (str) =>{
                document.write(str);
            }
            func("실행되었습니다");

 

08/ 화살표함수 : 리턴함수

            func = () =>{
                const str = "실행되었습니다.<br>";
                return str;
            }
            document.write(func())