[JS] ES6 Classes

 

// class expression
// const PersonCl = class {}

// class declaration
class PersonCl = {
  constructor(firstName, birthYear) {
    this.firstName = firstName;
    this.birthYear = birthYear;
  }
  
  // Method will be added to .prototype property
  calcAge() {
    console.log(2037 - this.birthYear)
  }
  greet() {
    console.log(`Hello ${this.firstName}`)
  }
}

const fuse = PersonCl('Fuse', 1994)
console.log(fuse) // PersonCl {firstName: "Fuse", birthYear: 1994}

fuse.calcAge(); // 43
fuse.greet(); // Hello Fuse

// udemy, The Complete JavaScript Course 2021 : From Zero to Expert! # 210

 

 

---

 

 

Class로 constructor와 method 코드를 작성하고 위와 같은 내용을 변수인 'fuse'에 적용시킨다. 그러면 그 값을 console.log를 이용해 확인할 수 있다. prototype의 체인으로 찾아서 그 결과값을 도출하는 것이 매우 흥미로움.