[Prototype] js class 상속을 prototype 상속과 관련지어 설명하세요

[Tanney-102]

참고 클래스 상속

[shinsehantan]

• 자바스크립트에는 '상속'이라는 개념이 없지만, prototype으로 상속을 구현할 수 있다.
• js class 상속은 extends 라는 키워드로 구현할 수 있는데, 다른 클래스의 메서드를 상속받아 그대로 사용할 수 있으며, 원하는 기능을 추가하여 사용할 수도 있다. 이 extends키워드는 프로토타입을 기반으로 동작한다.
• object에서 프로퍼티를 읽으려고 할 때, 해당 프로퍼티가 없으면 자바스크립트는 자동으로 프로토타입에서 프로퍼티를 찾는다. 프로그래밍에선 이런 동작 방식을 '프로토타입 상속’이라 부른다.
• 클래스의 상속 기능 자체가 프로토타입을 기반으로 구성되어 있기 때문에 프로토타입의 방식과 동일하게 동작한다.
• 객체엔 오직 하나의 [[Portotype]]만 있을 수 있다. 객체는 두 개의 객체를 상속받지 못한다.
• es6부터 클래스가 등장했지만, 자바스크립트는 프로토타입 기반 프로그래밍 언어이기 때문에 클래스의 방식으로 새롭게 상속을 하는 것이 아니라 여전히 '프로토 타입' 기반으로 상속을 한다.

상속을 해주기위한 부모 클래스 Person
상속을 받은 자식 클래스 Shinsehantan

• extends는 Shinsehantan.prototype.[[Prototype]]을 Person.prototype으로 설정한다. 그렇기 때문에 프로토타입에서 동작하는 것과 같이 프로퍼티나 메서드를 찾을 때 Shinsehantan.prototype에서 먼저 탐색 후 찾지 못하면 상위 프로토타입에서 찾게 된다.

[bucketHaneul]

자바스크립트는 프로토타입 기반의 객체지향 언어입니다. es6에서 class가 등장하였지만, 그렇다고 해서 class기반으로 상속이 동작하지는 않고, 여전히 prototype을 기반으로 상속을 진행합니다. 자바스크립트에서 class 상속은 extends 키워드를 사용하고, constructor에서 사용한 super() 함수가 상속받은 클래스의 생성자를 가르킵니다.

[ddongule]

• 자바스크립트에서의 상속은 사실 상속이라고 보기 보다는 확장으로 볼 수있다. ES6부터 Class 개념이 등장했지만, 이도 결국 prototype을 통해 객체를 연결시켜주고 있다.
• 이렇게 객체를 연결시켜주기 때문에, 어떤 메소드를 찾을 때, 자신에게 없으면 자신을 만든 상위 객체에서 메소드를 찾게 된다.

[Tanney-102]

• extends 키워드를 통해 상속가능
• 자식 생성자의 prototype 프로퍼티가 참조하고 있는 객체의 프로토타입을 부모 생성자의 prototype 프로퍼티로 설정