ES6에서 클래스와 js 프로토타입 프로토타입 상속 간의 관계

ES6에서는 코드 작성을 더욱 줄이고 코드 논리를 단순화하기 위해 키워드 클래스를 도입합니다. 그러나 클래스 구현도 구문 설탕 계층을 사용하는 프로토타입을 기반으로 하며, 대부분의 기능은 ES5를 통해 달성할 수 있습니다. 새로운 클래스 작성 방법은 객체 프로토타입 작성 방법을 더 명확하고 객체 지향 프로그래밍과 유사하게 만듭니다. 그냥 문법.

class Person {
constructor(name) {
this.name=name||"Default";
}
toString(){
return 'Name:'+this.name;
}
}
var p1=new Person();
console.log(p1.name);
class Boy extends Person{
constructor(name){
super(name);
this.gende='Boy';
}
toString(){
return super.toString()+" - Gende:"+this.gende;
}
}
var b1=new Boy('hello');
console.log(b1);
console.log(b1.toString());

ES5의 상속, 즉 프로토타입
핵심은 먼저 하위 클래스의 인스턴스 객체 this를 생성하고
이에 상위 클래스의 메소드를 추가하는 것입니다(Parent.apply(this))
상속 ES6, 그게 클래스입니다
핵심은 먼저 부모 클래스의 인스턴스 객체 this를 생성하는 것입니다(super를 먼저 호출해야 합니다)
그런 다음 하위 클래스의 생성자를 사용하여 이것을 수정합니다
그 구현 메커니즘은 다릅니다
ES6와 ES5처럼 , 클래스의 모든 인스턴스는 프로토타입 Object를 공유합니다

es6의 경우 여전히 문서를 읽어야 합니다.

관련 권장사항:

ES6의 클래스 키워드에 대한 자세한 설명

ES6 javascript의 get 및 set 클래스 클래스 사용 예

js의 Prototype 속성 사용에 대한 자세한 설명

위 내용은 ES6에서 클래스와 js 프로토타입 프로토타입 상속 간의 관계의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!