Javascipt

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

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

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

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

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

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

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

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

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

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

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

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

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

{
    const func = str => str;

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

{
    func = str => str;

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

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

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

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

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

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

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

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

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

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

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

        function callback(num){
            for(let i=1; 1<=5; i++){
                num(i);
            }
        }
        callback(func);

        콜백 함수 : 동기/비동기
        function funcA(){
            document.write("funcA가 실행되었습니다.");
        }
        function funcB(){
            document.write("funcB가 실행되었습니다.");
        }
        funcA();
        funcB();

        function funcC(){
            setTimeout(()=>{
                console.log("C");
            },1000)
        }
        function funcD(){
            console.log("D");
        }
        funcC();
        funcD();

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

{
    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", "웹쓰", "웹 퍼블리셔");
    const info2 = new func("2", "웹스토리보이", "프론트앤드개발자");

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

{
    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", "웹쓰", "웹 퍼블리셔");
    const info2 = new func("2", "웹스토리보이", "프론트앤드개발자");

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

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

        result2 : function(){
        document.write(this.num + ".내 이름은 " + this.name + "이며, 직업은 " + this.job + "입니다.");
        }
    }
    //인스턴스 생성
    const info1 = new func("1", "웹쓰", "웹 퍼블리셔");
    const info2 = new func("2", "웹스토리보이", "프론트앤드개발자");

    info1.result1();
    info2.result2();
}

{
    class study {
        constructor(num, name, job){
            this.num = num;
            this.name = name;
            this.job = job;
        }
        result(){
            document.write(this.num + ".내 이름은 " + this.name + "이며, 직업은 " + this.job + "입니다.");
        }
    }
    //인스턴스 생성
    const info1 = new study("1", "웹쓰", "웹 퍼블리셔");
    const info2 = new study("2", "웹스토리보이", "프론트앤드개발자");

    info1.result();
    info2.result()

    //클래스 상속
    class study {
        constructor(num, name, job){
            this.num = num;
            this.name = name;
            this.job = job;
        }
        result(){
            document.write(this.num + ".내 이름은 " + this.name + "이며, 직업은 " + this.job + "입니다.");
        }
    }

    class study2 extends study {
        constructor(num, name, job, age){
            super(num, name, job)
            this.age = age;
        }
        result2(){
            document.write(this.num + ".내 이름은 " + this.name + "이며, 직업은 " + this.job + "이며 나이는" + this.age + "살 입니다.");
        }
    }
    //인스턴스 생성
    const info1 = new study("1", "웹쓰", "웹 퍼블리셔");
    const info2 = new study2("2", "웹스토리보이", "프론트앤드개발자", 100);

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