Front-end/JavaScript

[JS] 프로토타입 클래스

파리외 개발자 2022. 6. 15. 20:21

프로토타입 클래스의 정의는 함수형 클래스의 정의와 유사하다.

 

[JS] 함수형 클래스

함수 선언 함수 선언을 위해서 function을 명시하고 사용할 함수 이름과 ()를 넣어주며 {}안에 내용을 넣는다. 여기서 this란 {}의 내용이 적힌 곳, 즉 Person의 주소가 들어가며 this.name은 Person의 name변

developefeel.tistory.com

 

프로토타입 클래스 정의

위의 글에서 사용했던 함수형 클래스의 정의다.

프로토타입의 정의는 여기서 메소드만 바깥으로 빼서 클래스의 이름과 메소드의 이름사이에

prototype을 적어준다.

인스턴스 두개를 생성하고 출력메소드를 사용해본다.

결과 또한 함수형 클래스와 같게 나온다.

 

함수형과 프로토타입의 차이점

함수형의 메소드는 인스턴스가 생성될 때마다 같이 생성된다.

하지만 프로토타입의 메소드는 모든 인스턴스에서 공유되기 때문에 메모리 공간을 절약할 수 있다.