JS Class와 Function 차이 (클레스와 함수 차이)

2023. 2. 5. 17:51javaScript

// 차이 1. 클래스는 호이스팅되지 않음 (정확히는 되지만...)
const chain1 = new YalcoChicken('판교', 3);

class YalcoChicken {
  constructor (name, no) {
    this.name = name;
    this.no = no;
  }
  introduce () {
    return `안녕하세요, ${this.no}${this.name}점입니다!`;
  }
}

 

 

 

// 차이 2. 클래스는 new 없이 사용하면 오류
// (생성자 함수는 오류 없이 undefined 반환)
const chain2 = YalcoChicken('강남', 17);
  • 이 외에도 차이들이 있음 - 클래스에는 이후 배울 엄격 모드 적용

3.프로토타입 관련

 

 

💡 생성자 함수에 넣은 함수의 차이 - 프로토타입으로 들어감

  • 로그 펼쳐서 비교해볼 것

 

 

이 외에도 여러가지 있지만 일단 이정도만.

 

신기한건 js 에서 class는 함수의 일종

 

'javaScript' 카테고리의 다른 글

js import방법 및 모듈과 라이브러리  (0) 2023.02.05
일급 객체의 특성  (0) 2023.02.05
생성자 함수 (feat.얄코)  (0) 2023.02.05
appendChild is not a function 오류  (0) 2023.02.02
document.getElementById() 와 $() 의 차이  (0) 2023.02.02