javascript

{
    funtion func (){
        document.write ("실행되었습니다.");
    }
    func();
}

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

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

    function c(str1,str2,str3){
        document.write(str1,str2,str3);
    }
    c("실행3","실행4","실행5"); //매개 변수는 2개,3개 쓸 수 있습니다.
}

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

{
    func = () => {
        document.wirte("실행되었습니다.")
    }   
    func();
}

{
    const func = () => {
        document.wirte("실행되었습니다.")
    }
    func();
}

{
    func = (str) => {
        document.write(str);
    }
    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(num, str1, str2){
        document.write(num +". "+ str1 + "가" + str2 + "되었습니다.");
    }
    func("1", "함수", "실행");  
    func("2", "자바스크립트", "실행");
    func("3", "리액트", "실행");        //값을 바로 넣어서 실행시킬 수 있다.

    //문자열이 들어갈 값을 보기좋게 만든 방법
    
    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 num = [1,2,3];
    const info = ["함수","자바스크립트","리액트","실행"];   
    
    func(num[0], info[0], info[3]);     //배열은 [ ]괄호를 쓴다
    func(num[1], info[1], info[3]);
    func(num[2], info[2], info[3]);
}

{
    function func(num, str1, str2){
        document.write(num +". "+ str1 + "가" + str2 + "되었습니다.");
    }
    const info = {
        num1 : 1, 
        name1 : "함수",
        num2 : 2,
        name2 : "자바스크립트",
        num3 : 3,
        name3 : "리액트",
        word: "실행"
    }
    func(info.num1 , info.name1, info.word);   
    func(info.num2, info.name2, info.word);
    func(info.num3, info.name3, info.word);

    document.write("
");
}

{
    function func(num, str1, str2){
        document.write(num +". "+ str1 + "가" + str2 + "되었습니다.");
    }
    const info = [
        {
            num: 1,
            name: "함수",
            word: "실행"
        },{
            num: 2,
            name: "자바스크립트",
            word: "실행"
        },{
            num: 3,
            name: "리액트",
            word: "실행"
        }
    ]
    func(info[0].num, info[0].name, info[0].word)   //변수 info의 0번째 .을 통해 객체의 키(이름) 불러오기 
    func(info[1].num, info[1].name, info[1].word)
    func(info[2].num, info[2].name, info[2].word)
}

{
    const info = {
        num1 : 1, 
        name1 : "함수",
        num2 : 2,
        name2 : "자바스크립트",
        num3 : 3,
        name3 : "리액트",
        word: "실행",

        result1: function(){
            document.write(info.num1 +". "+ info.name1 + "가" + info.word + "되었습니다.
");
        },
        result2: function(){
            document.write(info.num2 +". "+ info.name2 + "가" + info.word + "되었습니다.
");
        },
        result3: function(){
            document.write(info.num3 +". "+ info.name3 + "가" + info.word + "되었습니다.
");
        }
    }
    info.result1();     //익명함수 
    info.result2();
    info.result3();
}

{
    function Func (num,name,word){
        this.num    //this로 인하여 num의 값을 가져와서 다시 저장
        this.name
        this.word

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

    //인스턴스 생성 : 매개변수와 구별해 주기 위해 생성됨
    const info1 = new func(1, "함수", "실행");          //const info1 = 식으로 변수의 값을 실행시켜줘야함 
    const info2 = new func(2, "자바스크립트", "실행");    //2가 들어와도 num2가 따로 생성하지 않아도 된다.
    const info3 = new func(3, "리액트", "실행");
    

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

{
    function Func(unm, 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, com){
        this.num = num;             
        this.name = name;
        this.com = com;
    }
    func.prototype = {
        result1: function (){
            document.write(`${this.num}. ${this.name}가 ${this.com}되었습니다.`);
        },
        result2: function (){
            document.write(`${this.num}. ${this.name}가 ${this.com}되었습니다.`);
        },
        result3: function (){
            document.write(`${this.num}. ${this.name}가 ${this.com}되었습니다.`);
        },
    }
    //인스턴스
    const info1 = new func("101", "함수", "실행");
    const info2 = new func("201", "자바스크립트", "실행");
    const info3 = new func("301", "리액트", "실행");

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

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

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

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

{
    function func(str1, str2){
        document.write(arguments[0]); 
        document.write(arguments[1]);
    }
    func("함수실행1", "함수실행2");
}

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

        //requestAnimationFrame() : 웹 브라우저의 다음 리페인트가 발생하기 전 실행될 콜백함수를 등록하는 함수
        
        function animation(){
            document.write("애니메이션이 실행되었습니다.");

            requestAnimationFrame(animation);       
        }
        animation();
}

{
    function func(){
        document.write("2.함수 실행");
    } 
    function callback(str){
        document.write("1.함수 실행");
        str();
    }
    callback(func); 
}