ES6 class 의 계승 사용 세부 사항

1477 단어 ES6 학습 소감
ES6 class 의 계승 은 자바 의 계승 과 대동소이 하 므 로 자바 를 배 웠 다 면 쉽게 이해 할 수 있 을 것 입 니 다. 모두 extends 키 워드 를 통 해 계승 되 었 습 니 다.
class Animal{
	constructor(color){
		this.color = color;
	};
}
class Bear extends Animal{
	constructor(){
		super();
	}
}

나머지 는 더 이상 말 하지 않 겠 습 니 다. ES6 의 슈퍼 키워드 사용 에 대해 다시 한 번 말씀 드 리 겠 습 니 다.
ES6 하위 클래스 가 부모 클래스 를 계승 하려 면 constructor 함수 의 첫 줄 에서 슈퍼 () 를 호출 해 야 합 니 다.이후 에 만 키워드 this 를 사용 할 수 있 습 니 다. 이것 은 하위 클래스 에 자신의 this 대상 이 없 기 때문에 부모 클래스 의 this 대상 을 계승 한 다음 에 이 this 에 해당 하 는 속성 과 방법 을 추가 할 수 있 습 니 다.그렇지 않 으 면 잘못 보고 할 수 있 습 니 다. Parent. apply (this) 에 해당 합 니 다.SE5 는 이와 반대로 자신의 this 대상 을 만 든 다음 에 부모 류 의 방법 속성 을 이 대상 에 추가 합 니 다.
슈퍼 는 하위 클래스 에서 일반적으로 세 가지 작용 을 한다.
  • 부류 의 구조 함수 로 호출 되 는 것 이 바로 위 에서 말 한 그런 방법 이다.
  • 일반적인 방법 에서 부모 클래스 의 인 스 턴 스 로 호출
  • 정적 방법 에서 부모 클래스 로 호출
  • 일반적인 방법 에서 호출 합 니 다. 이 때 부모 클래스 를 가리 키 는 인 스 턴 스 입 니 다.
    class Animal{
    	constructor(color){
    		this.color = color;
    	}
    	run(){
    		return "run";
    	}
    }
    class Bear extends Animal{
    	constructor(){
    		super();
    		console.log(super.run());
    	}
    }

    정적 방법 에서 호출 합 니 다. 이 때 부모 클래스 를 가리 킵 니 다.
    class Animal{
    	constructor(color){
    		this.color = color;
    	}
    	run(){
    		return "run";
    	}
    	static run(){
    		return "static run"
    	}
    }
    class Bear extends Animal{
    	constructor(){
    		super();
    		console.log(super.run());//run
    	}
    	static go(){
    		super.run();//static run
    	}
    }

     

    좋은 웹페이지 즐겨찾기