Top
함수

01. 선언적 함수

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

결과보기

1. 함수가 실행되었습니다.

02. 익명 함수

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

결과보기

2. 함수가 실행되었습니다.

03. 매개변수 함수

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

결과보기

3. 함수가 실행되었습니다.

04. 리턴값 함수

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

결과보기

4. 함수가 실행되었습니다.

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

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

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

결과보기

5. 함수가 실행되었습니다.

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

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

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

결과보기

6. 함수가 실행되었습니다.

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

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

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

결과보기

7. 함수가 실행되었습니다.

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

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

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

결과보기

8. 함수가 실행되었습니다.

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

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

결과보기

9. 함수가 실행되었습니다.

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

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

결과보기

10. 함수가 실행되었습니다.

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

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

결과보기

11. 함수가 실행되었습니다.

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

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

결과보기

12. 함수가 실행되었습니다.