Javascript 함수의 종류 (1)

01. 선언적 함수(기본 문법)

{
    function func(){
        document.write("함수가 실행되었습니다.");
    }
    func();
}

결과보기

함수가 실행되었습니다.

02. 익명 함수

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

결과보기

함수가 실행되었습니다.

03. 매개변수 함수

{
    function func (str){            //2번
        document.write(str);        //3번
    }
    func("함수가 실행되었습니다.");   //1번
}

결과보기

함수가 실행되었습니다.

04. 리턴값 함수(리액트, 뷰-필수)

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

결과보기

함수가 실행되었습니다.

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

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

결과보기

함수가 실행되었습니다.

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

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

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

결과보기

함수가 실행되었습니다.

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

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

결과보기

함수가 실행되었습니다.

08. 화살표 함수 : 리턴값 함수

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

결과보기

함수가 실행되었습니다.

09. 화살표 함수 : 익명함수 + 매개변수 + 리턴값

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

결과보기

함수가 실행되었습니다.

10. 화살표 함수 : 익명함수 + 매개변수 + 리턴값 + 괄호 생략

{
    const func = str => {      //str괄호가 생략
        return str;
    }
    document.write(func("함수가 실행되었습니다."));
}

결과보기

함수가 실행되었습니다.

11. 화살표 함수 : 익명함수 + 매개변수 + 리턴값 + 괄호 생략 + 리턴 생략

{
    const func = str => str;      //str괄호가 생략, 리턴과 중괄호 생략
    
    document.write(func("함수가 실행되었습니다."));
}

결과보기

함수가 실행되었습니다.

12. 화살표 함수 : 선언적함수 + 매개변수 + 리턴값 + 괄호 생략 + 리턴 생략

{
    func = str => str;      //str괄호가 생략,const 생략(익명함수 -> 선언적 함수)
    
    document.write(func("함수가 실행되었습니다."));
}

결과보기

함수가 실행되었습니다.