javascriptclass의 경우도 다른 언어들의 클래스와 개념이 다르지는 않다.

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