>웹 프론트엔드 >JS 튜토리얼 >상속_자바스크립트 기술에 대한 자바스크립트 작은 예

상속_자바스크립트 기술에 대한 자바스크립트 작은 예

WBOY
WBOY원래의
2016-05-16 17:33:591052검색

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

//상속
함수 Person( 이름, 성별 )
{
this.name=name;
this.sex=sex;
}
Person.prototype.sayName=function()
{
경고 (this. name);
}
Person.prototype.saySex=function()
{
Alert(this.sex);
}
function Worker(name,sex, job)
{
//person 클래스 상속
Person.call(this,name,sex) //여기서는 Worker 클래스의 인스턴스를 나타냅니다(예: 아래 'W'). W를 전달합니다. Person 생성 함수에 들어가면 현재 W는 Person 생성자 this.job=job;
}
에서 this로 위장되어 있습니다.

//Worker.prototype=Person.prototype;//프로토타입이 음수 값인 경우 하위 클래스의 sayJob 메소드와 Person 상위 클래스도 참조로 전달되므로 sayJob 메소드를 갖게 됩니다.

//다음 메소드로 변경하면 하위 클래스가 상위 클래스에 영향을 주지 않습니다.
for(var i in Person.prototype)
{
Worker.prototype[i]=Person.prototype[ 나] ;
}

Worker.prototype.sayJob=function()
{
경고(this.job);
}

var p=new Person('lisi','male');
//alert(p.sayJob);

var w=new Worker('zhangsan','male','간장');
w.sayName();
w.saySex();
w.sayJob() ;

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