Javascript 객체 지향 상속_js 객체 지향

JavaScript에서 상속을 구현하는 방법에는 여러 가지가 있습니다. 다음은 두 가지 일반적인 방법입니다.

1. 상속 호출, 먼저 코드 살펴보기:
먼저 "person" 클래스 정의

코드 복사 코드는 다음과 같습니다.

//Human
Person=function(){
this.name="Grass Mud Horse"
this.eat=function (){
alert("먹고 싶어요")
}
this.sleep=function(){
alert("자고 싶어요") ;
}
}

다른 학생 클래스를 정의하고 Person

코드 복사 코드는 다음과 같습니다.

//Student 클래스
Student=function(){
Person.call(this);//Person 클래스 상속
this.doHomework=function(){
Alert("선생님이 오셨습니다. 숙제 복사 좀 해주세요");
}
}

보는 것이 핵심입니다. Person.call(this) 문장에서 이는 현재 객체인 Student를 나타냅니다. 이는 이해하기 쉽습니다. 그리고 Person.call(this)은 Person 클래스의 모든 공개 멤버를 Student에 "연결"한다는 의미입니다. 클래스를 사용하면 학생도 개인의 모든 기능을 갖게 됩니다.
고급 언어와 마찬가지로 상위 클래스와 동일한 이름을 가진 멤버가 하위 클래스에 나타나면 덮어쓰게 되는데, 이를 소위 "다시 쓰기"라고 합니다.
마찬가지로 소녀 클래스를 정의합니다.

코드 복사 코드는 다음과 같습니다.

//Girl 클래스
Girl=function(){
Person.call(this);//Person 클래스 상속
this.sex="female"
}
JavaScript 다중 상속을 구현하려면 아래 Master 클래스를 살펴보세요. 이 Master는 원래 학생이지만 동시에 예쁜 소녀이기도 하므로 다음과 같은 코드가 있습니다.
//Master class
Master=function() {
Student.call(this);//Student 클래스 상속
Girl.call(this);//Girl 클래스 상속
this.degree="Master"; //교육
}

테스트할 수 있습니다:

코드 복사 코드

var master=new Master()
master.name="Sister Feng";
master.eat()
master.doHomework() ;
alert("내 이름은:" master.name);
alert("내 성별은:" master.sex)

여러 개를 사용할 때는 순서에 주의하세요. 상속. 두 클래스에 동일한 이름을 가진 멤버가 있는 경우 후자가 이전 클래스를 덮어쓰게 됩니다. 이는 현재 클래스가 후자 클래스의 멤버만 상속한다는 의미입니다.
호출 방법 상속에 대한 내용은 여기까지입니다. 자세한 내용은 Google에 문의해 주세요. 온라인에 너무 많이 게시하지 마세요. 또 다른 상속 방법에 대해 이야기해 보겠습니다.
둘째, 프로토타입 프로토타입 상속:
모니터 클래스를 정의해 보겠습니다.

코드 복사 코드는 다음과 같습니다. :

//분대장 클래스
SquadLeader=function (){
//안녕하세요
this.hi=function(){
alert("안녕하세요, 동급생 여러분, 저는 이제 분대장입니다.");
}
}

위의 내용은 마스터 클래스를 정의합니다. 이제 이 마스터가 분대장으로 승격되었으므로 이 마스터가 분대장을 상속하게 됩니다. 이번에는 프로토타입을 구현하기 위해 다음 코드를 참조하세요:

Master.prototype=new SquadLeader();//프로토타입 속성은 객체를 가리킵니다
//또는
// Master.prototype=SquadLeader.prototype;
이런 식으로 Master는 SquadLeader 클래스를 상속받습니다. 실제로는 원리가 동일합니다. 즉, SquadLeader의 "영혼"을 마스터에게 복사하여 이제부터 Master는 SquadLeader가 할 수 있는 모든 작업을 수행할 수 있다는 의미입니다.
테스트해 보세요:
var master=new Master();
master.hi()//Output "안녕하세요, 학우 여러분, 이제 제가 모니터입니다."

개인적으로 사용하는 것을 선호합니다. 첫 번째 솔루션(호출 상속)은 상속을 구현합니다. 모든 코드는 "{}"로 래핑되어 있어 한 눈에 봐도 쓰기 스타일이 두 번째 솔루션보다 C#에 더 가깝습니다. 나는 보통 기존 클래스를 확장하기 위해 프로토타입 속성을 사용합니다.
JavaScript는 매우 유연한 언어입니다. 상속을 구현하는 다른 더 좋은 방법이 있을 수 있습니다. 저는 단지 멋진 옥으로 이어지기를 바라면서 여기에 벽돌을 던지고 있습니다.