[JavaScript] 클래스 (Class) 선언 및 사용

오늘은 JavaScript에서 클래스를 어떻게 사용하는지에 대해서 알아보았다. 

 

JavaScript 에서 Class는 함수로 정의할 수 있다. (앞에 꼭 대문자 붙여주기!)

 

ES5와 ES6에서 그 사용이 살짝 다른데 예시를 통해 알아보겠다.

 

// ES5
function MyUser (name, age, address) { 
  this.name = name;
  this.age = age;
  this.address = address;
}

MyUser.prototype.introduce = function(){
  console.log(`안녕하세요. 제 이름은 ${this.name} 이구요 나이는 ${this.age}입니다.`);
}

let leo = new MyUser('leo', 25, '지구');
console.log(leo.address);
leo.introduce(); // 안녕하세요. 제 이름은 leo 이구요 나이는 25입니다.


// ES6
class MyUser{
  constructor(name, age, address){
    this.name = name;
    this.age = age;
    this.address = address;
  }
  introduce(){
    console.log(`안녕하세요. 제 이름은 ${this.name} 이구요 나이는 ${this.age}입니다.`);
  }
}

let leo = new MyUser('leo', 25, '지구');
console.log(leo.address); // 지구
leo.introduce(); // 안녕하세요. 제 이름은 leo 이구요 나이는 25입니다.

 

 

 

이처럼 클래스를 활용하면 데이터와 함수를 묶어서 관리할 수도 있고 각 인스턴스마다 다른 값을 주어 독립적인 객체로 관리 할 수도 있다.