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() 에 정의된 내용 호출