본문 바로가기

Webstoryboy

Category

Explanation

JAVASCRIPT

[Javascript] 프로토타입 함수

프로토타입 함수

프로토타입을 사용하여 생성된 객체를 공유할 수 있습니다.


프로토타입 함수

프로토타입을 사용하여 생성된 객체를 공유할 수 있습니다.

function 함수명(매개변수1, 매개변수2,.........){
     this.속성명 = 새 값;
}

함수명.prototype.함수명 = function(){
     자바스크립트 코드;
}

let 참조 변수(인스턴스 네임) = new 함수명();

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;
        }
        CheckWeight.prototype.getInfo = function(){
            let str = "";
            str += "이름: " + this.userName + ", ";
            str += "키: " + this.userHeight + ", ";
            str += "몸무게: " + this.userWeight + ", ";
            return str;
        }
        CheckWeight.prototype.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("웹쓰","180","75");
        document.write(hwang.getInfo());
        document.write(hwang.getResult());
    </script>
</head>
<body>
    
</body>
</html>

 

더보기

인스타그램 보기 바로가기

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

유튜브 영상보기 바로가기