본문 바로가기

Webstoryboy

Category

Explanation

JAVASCRIPT

[Javascript] 객체 생성자 함수

객체 생성자 함수

자바스크립트 엔진에 내장되어 있는 객체 생성자 함수를 사용하여 객체를 생성합니다.


객체 생성자 함수

자바스크립트 엔진에 내장되어 있는 객체 생성자 함수를 사용하여 객체를 생성합니다.

function 함수명(매개변수1, 매개변수2,......){
     this.속성명 = 새 값;
     this.함수명 = function(){
          //자바스크립트 실행 코드
     }
}
let 참조 변수(인스턴스 네임) = new 함수명(); //객체 생성

let 참조 변수 = {속성: 새 값, 함수명 : function(){........}}

Sample1

객체를 생성하는 예제입니다.

결과
이름: 웹쓰, 키: 174, 몸무게: 90,살좀 빼세요~~.
html
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Javascript</title>
    <script>
        function CheckWeight(name, height, weight){
            this.userName = name;
            this.userHeight = height;
            this.userWeight = weight;
            this.minWeight;
            this.maxWeight;
            this.getInfo = function(){
                let str = "";
                str += "이름: " + this.userName + ", ";
                str += "키: " + this.userHeight + ", ";
                str += "몸무게: " + this.userWeight + ",";
                return str;
            }
            this.getResult = function(){
                this.minWeight = (this.userHeight - 100) * 0.9 - 5;
                this.maxWeight = (this.userHeight - 100) * 0.9 + 5;

                if( this.userWeight > this.minWeight && this.userWeight <= this.maxWeight){
                    return "정상 몸무게입니다.";
                } else if ( this.userWeight < this.minWeight){
                    return "살좀 찌세요~~.";
                } else {
                    return "살좀 빼세요~~.";
                }
            }
        }

        let hwang = new CheckWeight("웹쓰", 174, 90);
        let lee = new CheckWeight("웹와이", 190, 90);

        document.write(hwang.getInfo());
        document.write(hwang.getResult());
    </script>
</head>
<body>
    
</body>
</html>

 

더보기

인스타그램 보기 바로가기

포트폴리오 스터디 바로가기

유튜브 영상보기 바로가기