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