[Javascript] 객체지향 Class 문법

객체지향 Class 문법

 

Class 문법은 비슷한 object를 많이 만들 일 있을 때 사용한다.

비슷한 object의 갯수가 많을 수록 코드를 생산적으로 사용할 수 있도록 도와준다.

Class 작명은 대문자로 한다.

 

Class 사용하기 전 비슷한 object를 만들 때 (코드가 몇 줄인지 주목..)

var hero1 = {
  q: 'consume',
  w: 'snowball'
}

var hero2 = {
  q: 'strike',
  w: 'courage'
}
var hero3 = {
  q: 'consume',
  w: 'snowball'
}

var hero4 = {
  q: 'strike',
  w: 'courage'
}

 

Class 사용하여 object 생성(옛날 문법)

function Hero(x, y) {
  this.q = x;
  this.w = y;
}

var hero1 = new Hero('consume','snowball')
var hero2 = new Hero('strike','courage')
var hero3 = new Hero('consume','snowball')
var hero4 = new Hero('strike','courage')

 

Class 사용하여 object 생성(최신 문법)

class Hero {
  constructor(x, y) {
    this.q = x;
    this.w = y
  }
}

var hero1 = new Hero('consume', 'snowball');
var hero2 = new Hero('strike', 'courage');
var hero3 = new Hero('consume', 'snowball');
var hero4 = new Hero('strike', 'courage');

 

예제에서 Animal 클래스는 speak 메서드를 가지고 있다.

이 클래스를 사용하여 dog라는 객체를 생성하고 해당 객체의 speak 메서드를 호출할 수 있다.

class Animal {
  constructor(name) {
    this.name = name;
  }

  speak() {
    console.log(`${this.name} makes a sound.`);
  }
}

const dog = new Animal('Dog');
dog.speak(); // 출력: Dog makes a sound.