[JS] ES6 Classes

앞서 알아봤던 생성자 함수를 class라는 키워드를 통해서 간편하게 바꾸는 코드를 알아 볼 것이다. 

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

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

const flyda = new User('Flyda' , 'Yang')
const amy = new User('Amy', 'hwang')
const neo = new User ('Neo' , 'Lee')

console.log(flyda)
console.log(amy.getFullName())
console.log(neo.getFullName())

 

앞으로는 생성자 함수를 작성할 때 다음과 같은 방식으로 작성해야한다.