Ray Book

프로토타입과 상속

JavaScript 객체의 근간, 프로토타입 체인, 생성자 함수, class의 실체를 시각화합니다

  1. 01

    프로토타입이란 무엇인가

    JavaScript 객체의 근간인 프로토타입, [[Prototype]], __proto__, Object.getPrototypeOf의 관계를 시각화합니다

  2. 02

    프로토타입 체인

    속성 탐색이 체인을 따라 올라가는 과정, 프로토타입 체인의 동작, 종료 조건, Object.prototype을 시각화합니다

  3. 03

    생성자 함수와 new

    new 키워드의 동작 원리, 생성자 함수, prototype, constructor, instanceof의 관계를 시각화합니다

  4. 04

    클래스의 실체

    ES2015 class는 프로토타입의 문법적 설탕, class, extends, super, static의 내부 동작을 시각화합니다

  5. 05

    상속 패턴

    프로토타입 상속, 조합, 믹스인, JavaScript에서 코드를 재사용하는 패턴을 비교합니다