javascript 객체 지향 Javascript 상속_js 객체 지향-JS 튜토리얼-php.cn

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

WBOY

풀어 주다： 2016-05-16 18:28:09

원래의

1307명이 탐색했습니다.

이전 섹션에서는 JavaScript 객체 지향 네임스페이스, javascript 객체 지향 JavaScript 클래스, JavaScript 객체 지향 비공개 멤버 및 공개 멤버에 대해 설명했습니다. 🎜>Javascript 객체 지향 오버로딩, 위 내용을 먼저 읽고 아래 내용을 계속 읽으시면 됩니다.
JavaScript에서 상속을 구현하는 방법에는 여러 가지가 있습니다. 다음은 두 가지 일반적인 방법입니다.

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

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

//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 클래스에 "연결"한다는 의미입니다. Student는 Person의 모든 기능도 가지고 있습니다.
고급 언어와 마찬가지로 상위 클래스와 동일한 이름을 가진 멤버가 하위 클래스에 나타나면 덮어쓰게 되는데, 이를 소위 "다시 쓰기"라고 합니다.
마찬가지로 소녀 클래스를 정의합니다.

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

//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="석사 학위";//Education

} 

 

테스트할 수 있습니다:

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

var master=new Master (); 
master.name="펭 자매"; 
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는 매우 유연한 언어입니다. 상속을 구현하는 다른 더 좋은 방법이 있을 수 있습니다. 저는 단지 멋진 옥으로 이어지기를 바라면서 여기에 벽돌을 던지고 있습니다.