클래스 (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