js12

제로·2022년 11월 28일
0

javascript

목록 보기
12/26

class 선언과 활용

 class Rectangle{
	 // 생성자
	 constructor(width, height){
		 this.width=width
		 this.height=height
	 }
	 // 기능메서드
	 getArea(){
		 return this.width*this.height
	 }
 }
 var div = document.querySelector("#container")
 var r1 = new Rectangle(100,200)
 div.innerHTML="면적:"+r1.getArea()+"<br>"
 div.innerHTML="넓이:"+r1.width+"<br>"
 
 
 
  class Rectangle02{
	 // 생성자
	 constructor(width, height){
		 // 필드값을 구분하여 get/set 활용할 때 사용한다.
		 this._width=width
		 this._height=height
	 }
	 // 기능메서드
	 getArea(){
		 return this._width*this._height
	 }
	 // 기능메서드를 이용해서 저장과 호출을 분리 처리
	 get width(){
		 return this._width;
	 }
	 set width(input){
		 return this._width=input
	 }
 }
 var r2 = new Rectangle02(1000,2000)

 r2.width=5000 // set width(input) 호출 처리.. _width 은닉처리
 div.innerHTML +="r2넓이"+ r2.getArea()+":"+r2.width+"<br>"
 // get width() 에 정의된 내용 호출
 
profile
아자아자 화이팅

0개의 댓글