> 웹 프론트엔드 > JS 튜토리얼 > Javascript 객체 지향 4 상속_js 객체 지향

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

WBOY
풀어 주다: 2016-05-16 18:10:48
원래의
889명이 탐색했습니다.
코드 복사 코드는 다음과 같습니다.

var JsObject = {} || new Object();
JsObject.extend = function(subClass, superClass){
// 먼저 하위 클래스인 subClass가 정의되어 있는지 확인합니다. 그렇지 않은 경우 클래스를 다시 정의합니다.
 if(typeof subClass == "undefine")subClass = function(){};
  //부모 클래스 superClass가 클래스인 경우 객체로 변환
  if(typeof superClass == " function") superClass = new superClass();
// 상위 클래스의 superClass 객체에 있는 속성과 메서드를 탐색합니다.
for(var p in superClass)
{
  /* 속성 합계 및 상위 클래스의 superClass 객체에 있는 메소드 메소드는 하위 클래스의 프로토타입 객체인
 에 복사됩니다. 따라서 하위 클래스는 상위 클래스의 특성인 상속*/ 을 모두 갖습니다.
subClass.prototype[p] = superClass[p];
return subClass;
function Student()
{
this.name = "장산"; = function(name){
this.name = name ;
}
}
function Class1()
{
this.sex =
this. updateSex = function(sex){
this.sex = sex;
}
}
//정의 클래스 Class1은 Student 클래스를 상속합니다.
Class1 = JsObject.extend(Class1, Student);
var obj = new Class1();
alert(obj.name);
obj.updateName( "Mary");
alert(obj.sex);
alert(obj.name)


결과는 다음과 같습니다: 남성, Zhang San, 여성
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿