[Intermediate] 클래스 - ES6 Classes

1. 클래스

3) ES6 Classes

function User(first, last) {
  this.firstName = first
  this.lastName = last
}
User.prototype.getFullName = function () {
  return `${this.firstName} ${this.lastName}`
}

const orosy = new User('Orosy','Kim')

console.log(orosy.getFullName()) // 값: Orosy Kim

JavaScript는 prototype 기반의 프로그래밍 언어로 다른 안정적이고 신뢰도가 높은 객체 지향 프로그래밍 언어의 영향을 받아 Class라는 개념을 흉내내서 새로운 문법을 ES6에서 제공하기 시작하였다.

위의 코드를 Class를 이용하여 간결하고 직관적인 문법으로 작성해보자!

class User {
  constructor(first, last) {
    this.firstName = first
    this.lastName = last
  }
  getFullName() {
    return `${this.firstName} ${this.lastName}`
  }
}

const orosy = new User('Orosy','Kim')

console.log(orosy.getFullName()) // 값: Orosy Kim