클래스 (Class)
javascript
의 class
의 경우도 다른 언어들의 클래스와 개념이 다르지는 않다.
class
를 선언해주고 constructor
를 만들어주고 해당 class
내에 property
들과 methods
를 선언해주고 사용하면 된다.
아래는 기본적인 사용법
// Person이라는 class 선언 class Person { // 생성자 생성 (클래스 호출시에 선언됨) constructor (_name, _age, _weight) { this.name = _name; this.age = _age; this.weight = _weight; console.log('Constructor Call !') } // 매서드 sayHello() { console.log(`Hello My Name is ${this.name}`); } sayBye(_name) { console.log(`Good Bye ! ${_name}`); } reapeatFiveTimes(fn) { for (let i = 0; i < 5; i++) { fn(); } console.log('end fn'); } } function sayHo() { console.log('Ho !'); } // 클래스를 가지고 오브젝트화 시킴 let person1 = new Person('Kim', 12, 150); let person2 = new Person('Lee', 15, 160); // 클래스내에 매서드 호출 person1.sayHello(); person1.sayBye('Lee'); person1.reapeatFiveTimes(sayHo);

'JavaScript > Vanilla JS' 카테고리의 다른 글
클래스 (Class) 3 (0) | 2021.02.24 |
---|---|
클래스 (Class) 2 (0) | 2021.02.23 |
로컬스토리지 (localStorage) (0) | 2021.02.18 |
날짜 객체 (new Date()) (0) | 2021.02.09 |
javascript 변수 호이스팅 (0) | 2021.02.01 |
댓글
이 글 공유하기
다른 글
-
클래스 (Class) 3
클래스 (Class) 3
2021.02.24 -
클래스 (Class) 2
클래스 (Class) 2
2021.02.23 -
로컬스토리지 (localStorage)
로컬스토리지 (localStorage)
2021.02.18 -
날짜 객체 (new Date())
날짜 객체 (new Date())
2021.02.09
댓글을 사용할 수 없습니다.