함수 정리

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 선언적 함수
        function func1(){
            document.write("function1이 실행되었습니다.<br>");
        };

        func1();

        // 익명함수
        const func2 = function(){
            document.write("function2가 실행되었습니다.<br>");
        };
        
        func2();

        //매개변수가 있는 함수
        function func3(name){
            document.write(name+" 실행되었습니다.<br>");
        };

        func3("function3");

        // 리턴값(종료)이 있는 함수
        function func4(){
            const str = "function4가 실행되었습니다.<br>";
            return str;
        };
        
        document.write(func4());

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

        // 화살표
        func6 = () => {
            document.write("function6이 실행되었습니다.<br>");
        };
        
        func6();
        
        // 화살표(익명함수)
        const func7 = () => {
            document.write("function7이 실행되었습니다.<br>");
        };

        func7();

        // 화살표(매개변수)
        const func8 = (str) => {
            document.write(str+"이 실행되었습니다.<br>");
        };

        func8("function8");

        // 화살표 (리턴값)
        const func9 = () => {
            const str = "function9가 실행되었습니다.<br>"
            return str;
        };

        document.write(func9());

        // 객체 지향(생성자) 함수
        function func10(name, action){
            this.name = name;
            this.action = action;
            this.study = function(){
                document.write(this.name + "이 "+this.action+"되었습니다.<br>")
            }
        };
        
        const obj1 = new func10("function10", " 실행");
        obj1.study();

        // 프로트타입 메서드(=함수)
        function func11(name, action){
            this.name = name;
            this.action = action;
        };
        func11.prototype.study = function(){
            document.write(this.name + "이 "+this.action+"되었습니다.<br>");
        }
        const obj2 = new func11("function11", "실행")
        obj2.study();

        // 클래스
        class func12{
            constructor(name, action){
                this.name = name;
                this.action = action;
            }
            study(){
                document.write(this.name + "이 "+this.action+"되었습니다.<br>");
            }
        }
        
        const obj3 = new func12("function12", "실행");
        obj3.study();

    </script>
</body>
</html>
Previous클래스Next템플릿 리터럴

Last updated

Was this helpful?