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

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

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

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

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

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

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

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("함수가 실행되었습니다.12"));

function func(num, str1, str2){
    document.write(num + ". " +str1 + "가 "+ str2 +"되었습니다.
");
}
func("1", "함수", "실행");
func("2", "자바스크립트", "실행");
func("3", "제이쿼리", "실행");

function func(num, str1, str2){
    document.write(num + ". " +str1 + "가 "+ str2 +"되었습니다.
");
}
const youNum1 = 1;
const youNum2 = 2;
const youNum3 = 3;
const youStr1 = "함수";
const youStr2 = "자바스크립트";
const youStr3 = "제이쿼리";
const youCom1 = "실행";

func(youNum1, youStr1, youCom1);
func(youNum2, youStr2, youCom1);
func(youNum3, youStr3, youCom1);

function func(num, str1, str2){
    document.write(num + ". " +str1 + "가 "+ str2 +"되었습니다.
");
}
const info = [
    {
        num : "1",
        name : "함수",
        com : "실행"
    },
    {
        num : "2",
        name : "자바스크립트",
        com : "실행"
    },
    {
        num : "3",
        name : "제이쿼리",
        com : "실행"
    }
];

func(info[0].num, info[0].name, info[0].com);
func(info[1].num, info[1].name, info[1].com);
func(info[2].num, info[2].name, info[2].com);

const info = {
    num1 : 1,
    name1 : "함수",
    word1 : "실행",
    num2 : 2,
    name2 : "자바스크립트",
    word2 : "실행",
    num3 : 3,
    name3 : "제이쿼리",
    word3 : "실행",

    result1 : function(){
        document.write(info.num1 + ". " + info.name1 + "가 "+ info.word1 + "되었습니다.
");
    },
    result2 : function(){
        document.write(info.num2 + ". " + info.name2 + "가 "+ info.word2 + "되었습니다.
");
    },
    result3 : function(){
        document.write(info.num3 + ". " + info.name3 + "가 "+ info.word3 + "되었습니다.
");
    }
}

info.result1();
info.result2();
info.result3();

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

    this.result = function(){
        document.write(this.num + ". " + this.name + "가 "+ this.word + "되었습니다.
");
    }
}

//인스턴스 생성
const info1 = new func("1", "함수", "실행");
const info2 = new func("2", "자바스크립트", "실행");
const info3 = new func("3", "제이쿼리", "실행");

//실행
info1.result();
info2.result();
info3.result();

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

func.prototype.result = function(){
    document.write(this.num + ". " + this.name + "가 "+ this.word + "되었습니다.
");
}

//인스턴스 생성
const info1 = new func("1", "함수", "실행");
const info2 = new func("2", "자바스크립트", "실행");
const info3 = new func("3", "제이쿼리", "실행");

//실행
info1.result();
info2.result();
info3.result();

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

func.prototype = {
    result1 : function(){
        document.write(this.num + ". " + this.name + "가 "+ this.word + "되었습니다.
");
    },
    result2 : function(){
        document.write(this.num + ". " + this.name + "가 "+ this.word + "되었습니다.
");
    },
    result3 : function(){
        document.write(this.num + ". " + this.name + "가 "+ this.word + "되었습니다.
");
    }
}

//인스턴스 생성
const info1 = new func("1", "함수", "실행");
const info2 = new func("2", "자바스크립트", "실행");
const info3 = new func("3", "제이쿼리", "실행");

//실행
info1.result1();
info2.result2();
info3.result3();

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

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

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

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

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

//반복적으로
function func(num){
    if(num <= 1){
        document.write("함수가 실행되었습니다." + num);
    } else {
        document.write("함수가 실행되었습니다." + num);
        func(num - 1);
    }

}
func(10);

//애니메이션
function animation(){
    document.write("함수가 실행되었습니다.");

    requestAnimationFrame(animation);
}
animation();
    

//재귀함수 : 동시에 여러개 실행
//콜백함수 : 컷번째 함수가 실행 -> 두번째 함수가 실행
function func(){
    document.write("함수가 실행되었습니다.1");
}
function callback(str){
    document.write("함수가 실행되었습니다.2")
    str();
}
callback(func);

function func(index){
    document.write("함수가 실행되었습니다." + index);
}
function callback(num){
    for( let i=1; i<=10; i++){
        num(i);
    }
}
callback(func);

//01
// function funcA() {
//     document.write("funcA가 실행되었습니다.
");
// }
// function funcB() {
//     document.write("funcB가 실행되었습니다.
");
// }
// funcA();
// funcB();
// a
// b

//02
// function funcA() {
//     setTimeout(()=>{
//         console.log("funcA가 실행되었습니다.
");
//     },1000);
// }
// function funcB() {
//     console.log("funcB가 실행되었습니다.
");
// }
// funcA();
// funcB();
// b
// a

//03
// function funcA(callback){
//     setTimeout(()=>{
//         console.log("함수가 실행되었습니다.
")
//         callback();
//     }, 1000);
// }
// function funcB() {
//     console.log("funcB가 실행되었습니다.
");
// }
// funcA(function(){
//     funcB();
// });

//04 콜백지옥
function funcA(callback){
    setTimeout(()=>{
        console.log("funcA 함수가 실행되었습니다.
")
        callback();
    }, 1000);
}
function funcB(callback){
    setTimeout(()=>{
        console.log("funcB 함수가 실행되었습니다.
")
        callback();
    }, 1000);
}
function funcC(callback){
    setTimeout(()=>{
        console.log("funcC 함수가 실행되었습니다.
")
        callback();
    }, 1000);
}
function funcD(){
    setTimeout(()=>{
        console.log("funcD 함수가 실행되었습니다.
")
    }, 1000);
}
funcA(function(){
    funcB(function(){
        funcC(function(){
            funcD();
        });
    });
});

//내부함수는 변수를 불어오는 게 복잡해지고 문제가 되기 때문에 클로져 개념이 등장하였습니다.
//함수의 규모가 커지면 변수를 불러오는 데에 여러가지 오류가 생깁니다.
//스코프와 클로져는 같은 개념이라고 보면 됩니다.
function func(){
    function funcA(){
        document.write("함수가 실행되었습니다.");
    };
    funcA();

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

class study {
    //constructor는 이름이 정해진 함수
    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는 이름이 정해진 함수
    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", "척척학사", "감자", "7353");

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