>웹 프론트엔드 >JS 튜토리얼 >Javascript_javascript 기술의 객체 상속 구현 예

Javascript_javascript 기술의 객체 상속 구현 예

WBOY
WBOY원래의
2016-05-16 16:48:381018검색
코드 복사 코드는 다음과 같습니다.

;


여기에 제목 삽입 >
/**
* json 객체의 형식
{key:value,key:value,key:value..}
*/
//객체 생성의 간단한 예
//-----1
var r={}>r.name ="tom" ;
r.age=18;
//----2
var r={name:"tom",age:20};//json 객체
Alert(r.age);
//---1,2는 동일합니다
//-------프로토타입 모드 작성 방법
//----1
function Person( ){};
Person.prototype.name="English";
Person.prototype.age=20;
//프로토타입 모드의 약어--2
function Person( ){ };
Person.prototype={이름:"중국어",
나이:20,}
//-----1,2 상당
//==== = ===========================
/* {이름:"중국어",
나이:20,}
위의 형식 자체가 객체이며, 이를 다른 객체의 프로토타입에 전달하면
다른 객체의 모든 속성이 만들어집니다. 본질적으로 상속입니다
*/
//==================================
/ /표준 객체 상속 예, Person, Student
//Person 객체 정의
function Person(){}
Person.prototype.name="중국어"; 프로토타입.age=20;
var person=new Person();
//Student 객체 정의
Student.prototype=person; 프로토타입.girlFriend="예";
var stu=new Student();
stu.laop="사랑에 빠지지 마세요";
alert(stu.name);//상위 객체에서 상속됨
alert(stu.laop);//새로 추가된 속성

//Teamleader 개체의
함수 Teamleader(){} 정의
Teamleader.prototype=new Student( ); //학생에게서 상속됨 ​​
Teamleader.prototype.teamNum=8;//Teamleader 고유 속성
//자신만의 인스턴스 만들기
var teamleader=new Teamleader()
alert(teamleader .teamNum) ;
teamleader.girlFriend="둘 다 허용되지 않음";
alert(teamleader.name)
//============== ============
/*js 상속의 핵심은 프로토타입*/
//============== ==== =============


< 🎜>

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.