🎈 Prototype

🐭 상속

• bmw / benz / audi._._proto__ = car; 를 통해서 상속을 구현
  
• 해당 객체(bmw)에서 속성(wheels)을 찾지 못한다면 proto에서 찾는다.

🐵 Prototype Chain

• car를 상속 받은 bmw에게 상속 받기
  

• 출력
  

• 관계도
  

• 위에서 x5가 navigation을 찾는다면 한번의 proto객체만 올라가고, drive()를 이용하려고 한다면 proto를 2번 올라간다.

• for in 문을 돌려본다면 proto 객체까지 다 나온다
  

• keys와 values와 같은 객체내장메서드는 상속된 프로퍼티는 안나온다.
  

• hasOwnPropery는 객체가 가지고 있는 property만 true를 해준다.
  

• 생성자 함수 상속받기
  

• 이건 매번 해줘야 하기 때문에 귀찮다

• 위의 방법은 생성자함수가 생성하는 객체에 --proto--를 설정한다는 의미이다. (생성자함수의 프로토객체 설정 방식)

• 이렇ㄱ데 프로토타입을 이용하면 중복 코드를 줄일수있다 이렇게 한번만 작업하면 생성자로 만든 모든 객체에 일일히 작업해줄 필요가 없다 생성자함수가 새로운 객체를 만들어낼때에 그 객체는 생성자의 인스턴스라고 한다.

자바스크립트는 이를 확인할수 있는 instance of 연산자가 있다. instance of를 이용해서 객체와 생성자를 비교할 수 있다.
이는 해당 객체가 그 생성자로부터 생성된 것인지 확인할 수 있다.
생성자로 만든 모든 객체는 constructor 프로퍼티가 존재한다

• z4는 BMW의 인스턴스이다. 위와 같은 방식으로 BMW를 이용해서 z4를 만들었는지 확인해볼 수 있다.

• 위처럼 생성자로 만든객체이기에 constructor를 확인해 볼 수 있다.
  
  

• 위처럼 프로토타입을 덮어쓰면 constructor 속성이 사라지기에 하나씩 prototype에 속성을 추가해주는 것이다.

• 위처럼 수동으로 constructor를 설정해주면 된다

• 이렇게 자바스크립트는 명확한 constructor를 보장하지 않기에 개발자에 의해 언제든지 수정될 수 있다.

• 위와 같은 방식이면 언제든 속성을 변경해줄 수 있다.
  

• 이럴때는 클로저를 이용하면 된다.

• 위처럼 작성하면 코드의 값을 가져올 수만 있으며 수정해주지는 못한다.

🐶 prototype vs --proto--

• 서로를 참조할 수 있다. Person 함수의 prototype속성을 통해서 Person의 prototype객체에 접근이 가능하고
• Person의 prototype 객체의 constructor 속성을 통해서 Person 함수에 접근이 가능하다

• 이렇게되면 객체를 찍어내는 공장인 Person이라는 constructor function을 만든 것이다.

• Person 의 생성자함수를 통해서 만든 객체는 위와 같다.
  기존에 Person함수에서 설정해준 속성값과 자신의 생성자 함수인 Person의 prototype객체를 가리키는 --proto-- 속성값이 설정되어 있다.
• 이를통해서 자신이 가지고 있지 않은 속성을 찾으려고 할 때, --proto-- 속성을 통해서 prototype 객체에 해당 속성이 정의 되어있는지를 확인해본다.
• 만일 해당 prototype객체에도 속성 되어있지 않다면, 그 prototype객체 위에 있는 객체를 뒤져보게 된다.