본문 바로가기
JAVASCRIPT

[ 자바스크립트 ] prototype

by Andro07 2019. 11. 12.
728x90
반응형

객체 속에는 숨겨진 객체가 하나 있습니다.

바로

프로토타입 prototype

입니다

 

프로토타입은 코드를 짜는 데 있어서 중복을 제거해주는 아주 중요한 역할을 합니다.

객체 속에는 인스턴스 변수와 메소드가 들어있는데,

 

만약 메소드의 길이가 메소드의 이름보다 길거나(이런 경우가 대부분이겠지만),

인스턴스 변수에 들어가는 값이 반복해서 같은 값이 들어간다면.

 

똑같은 작업을 더 빠르고 단순하게 해결할 수 있는 방법이

바로 '프로토타입'입니다.

 

 

프로토타입은 객체클래스와 인스턴스 객체를 연결 시켜주는 역할을 하는데요.

여기서, 객체클래스는 객체의 생성자와 인스턴스 객체 사이의 그 어딘가에 존재합니다.

프로토타입을 이용해서 프로퍼티(라고도 불리는 인스턴스 변수)나 메소드를 설정해주면

인스턴스 객체가 필요할 때마다 간편하게 참조하여 사용할 수 있습니다.

 

 

~  ♪ ♬ ♩  ♬  ~

 

 

prototype example/

 

프로토타입 메소드 생성 프로토타입 프로퍼티 생성

(프로토타입 이름) . prototype.test = {

       . . . . . . . . . . . 

}

(프로토타입 이름) . prototype . pro = "prototype";

 

(프로토타입 이름) . prototype . pro;

 

 

      

 

 

 

 

 

[ 참고 - head first 자바스크립트 / 마이클 모리슨 저 ]

728x90
728x90

'JAVASCRIPT' 카테고리의 다른 글

함수 내보내기 export (+ 가져오기 import)  (0) 2022.08.27
[ JS ] Slick 플러그인  (0) 2020.06.15
[ 자바스크립트 ] 배열 종류  (0) 2019.10.27

댓글