JS Class와 Function 차이 (클레스와 함수 차이)
2023. 2. 5. 17:51ㆍjavaScript
// 차이 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 |