프로토타입 클래스의 정의는 함수형 클래스의 정의와 유사하다.
[JS] 함수형 클래스
함수 선언 함수 선언을 위해서 function을 명시하고 사용할 함수 이름과 ()를 넣어주며 {}안에 내용을 넣는다. 여기서 this란 {}의 내용이 적힌 곳, 즉 Person의 주소가 들어가며 this.name은 Person의 name변
developefeel.tistory.com
프로토타입 클래스 정의
위의 글에서 사용했던 함수형 클래스의 정의다.
프로토타입의 정의는 여기서 메소드만 바깥으로 빼서 클래스의 이름과 메소드의 이름사이에
prototype을 적어준다.
인스턴스 두개를 생성하고 출력메소드를 사용해본다.
결과 또한 함수형 클래스와 같게 나온다.
함수형과 프로토타입의 차이점
함수형의 메소드는 인스턴스가 생성될 때마다 같이 생성된다.
하지만 프로토타입의 메소드는 모든 인스턴스에서 공유되기 때문에 메모리 공간을 절약할 수 있다.
'Front-end > JavaScript' 카테고리의 다른 글
| [JS] 클래스 프로퍼티와 메서드 (0) | 2022.06.19 |
|---|---|
| [JS] 함수형 설계와 클래스형 설계 (0) | 2022.06.17 |
| [JS] 함수형 클래스 (0) | 2022.06.14 |
| [JS] 리터럴 클래스 (0) | 2022.06.14 |
| [자바스크립트] 이미지에 애니메이션 이징 효과 주기, easing (0) | 2022.06.11 |