Top
함수

01. 선언적 함수

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

}

결과보기

함수가 실행되었습니다.

02. 익명 함수

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

}

결과보기

함수가 실행되었습니다.

03. 매개변수 함수

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

결과보기

함수가 실행되었습니다.

04. 리턴값 함수

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

결과보기

함수가 실행되었습니다.

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

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

결과보기

함수가 실행되었습니다.

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

{
    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 => {
        return str;
    }
    document.write(func("함수가 실행되었습니다"));
}

결과보기

함수가 실행되었습니다.

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

{
    const func = str => str;

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

결과보기

함수가 실행되었습니다.

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

{
    func = str => str;

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

결과보기

함수가 실행되었습니다.

13. 내부 함수 : 함수 안 함수

{
    function func() {
        function funA() {
            document.write("함수가 실행되었습니다.");
        }
        funA()
        function funB() {
            document.write("함수가 실행되었습니다.");
        }
        funB()
    }
    func();
    //*이렇게는 많이 않씀
}

결과보기

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

14. 즉시실행 함수

{ *많이 쓴다.
    //기본
    function func() {
        document.write("함수가 실행되었습니다.");
    }
    func()

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

    //화살표 함수
    (() => {
        document.write("함수가 실행되었습니다.");
    })();   
}

결과보기

함수가 실행되었습니다.

15. 파라미터 함수 | *리액트에서 쓰게됨

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

    //파라미터 함수
    //매개변수 자리에서 쓴다
    function func(str = "함수가 실행되었습니다.") {
        document.write(str);
    }
    func()
}

결과보기

함수가 실행되었습니다.

16. 아규먼트 함수

{ 
    function func(a,b) { //인자: a,b
        //let num =[a,b]   //원래는 변수를 선언해줘야하는 것을 생략
        document.write(arguments[0])
        document.write(arguments[1])
        //document.write(arguments[2])  : 값이 늘어나면 인자를 늘림
    }
    func("함수가 실행되었습니다.","함수가 실행되었습니다.") //값을 전달
}

결과보기

함수가 실행되었습니다.