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. 화살표 함수 : 선언적 함

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

결과보기

함수가 실행되었습니다.

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

{
    const func = () => {
        document.write("함수가 실행되었습니다6.")
    }
    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("함수가 실행되었습니다13.")
        }
        funA()
        function funB(){
            document.write("함수가 실행되었습니다13.")
        }
        funB()
    }
    func ()
}

결과보기

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

14. 즉시 실행 함수

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

결과보기

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

15. 파라미터 함수

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

결과보기

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

16. 아규먼트 함수

{
    function func(a, b){
        document.write(arguments[0]);
        document.write(arguments[1]);
        document.write(arguments[2]);
    }
    func("함수가 실행되었습니다.16", "함수가 실행되었습니다.16", "함수가 실행되었습니다.16")
}

결과보기

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

17. 재귀 함수

{
    function func(num) {
        if(num <= 1){
            document.write("함수가 실행되었습니다.17");
        } else {
            document.write("함수가 실행되었습니다.17");
            func(num-1);
        }
        }
        func(5); 
}

결과보기

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

18. 콜백 함수

{
    function funcE(callback){
        setTimeout(()=>{
        console.log("E");
        callback();
        },1000)

    }
    function funcF(){
        console.log("F");
    }
    funcE(function(){
        funcF()
    });
}

결과보기

E
F

19. 객체생정자 함수

{
                        function func(num, name, job){
  this.num = num;
  this.name = name;
  this.job = job;

  this.result = function(){
     document.write(this.num + ". 내이름은" + this.name + "이며, 직업은" + this.job + "입니다.");
  } 
  }

  const info1 = new func("1", "웹쓰999", "웹퍼블리셔999");
  const info2 = new func("2", "웹스토리보이999", "프론트앤드개발자999");    

  info1.result(); 
  info2.result();
}

결과보기

1 내이름은 웹쓰999이며 직업은 웹퍼블리셔999 입니다.
2 내이름은 웹스토리보이999 직업은 프론트앤드개발자999 입니다.