-
객체지향 Class 문법 공부하기 : 자바스크립트 jsJavascript/JS 문법 2023. 2. 18. 18:41
📌 Object 를 여러개 많이 만들어야 할때 class 를 이용하면 빠르게 생성할 수 있다.
//아래가 객체지향 class 함수이다. function Circle (r) { this.지름 = 2*3.14*r this.넓이 = r*r*3.14 } const circle1 = new Circle(4) const circle2 = new Circle(8) console.log(circle1) //Circle { '지름': 25.12, '넓이': 50.24 } console.log(circle2) //Circle { '지름': 50.24, '넓이': 200.96 } //ES6 부터는 아래와 같이 만든다 class Square { constructor(n){ this.둘레 = 4 * n this.넓이 = n * n } } const square1 = new Square(5) const square2 = new Square(10) console.log(square1) //Square1 { '둘레': 20, '넓이': 25 } console.log(square2) //Square2 { '둘레': 40, '넓이': 100 }
'Javascript > JS 문법' 카테고리의 다른 글
이벤트 버블링과 캡쳐링 , 이유와 방지법은 ? (0) 2023.03.21 javascript JSON 메소드를 알아보자! (0) 2023.03.10 ES6 문법 Array 메소드 map, filter, find, reduce 한번에 정리! (0) 2023.03.09 자바스크립트 prototype 이란 무엇일까? (0) 2023.02.18 Javascript 화살표 함수 4가지 표현 방식 (0) 2023.02.13