Top
함수

01. 선언적 함수

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

결과 보기

02. 익명 함수

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

결과 보기

03. 매개변수 함수

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

결과 보기

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. 화살표 함수 : 매개변수 함수

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

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

결과 보기

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

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

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

결과 보기

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

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

결과 보기

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

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

결과 보기

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

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

결과 보기

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

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

결과 보기