JavaScript 재 구성 (6): 계승 을 이용 하여 일 하기

드디어 자 바스 크 립 트 의 계승 에 대해 말하자면 원형 체인 계승 은 가장 자주 사용 하 는 방식 이다.

function Video(){}; 
function Movie(){}; 
Movie.prototype = new Video(); 
Movie.prototype.constructor = Movie; //       

 
한 마디 하 자 면, 만약 내 가 방법의 실례 를 얻 었 다 면, 마찬가지 로 계승 할 수 있다.

function Video(){}; 
function Movie(){}; 

var video = new Video(); 
video.size = 3; 
video.toString = function(){ 
  return "video"; 
}; 
video.getName = function(){ 
  return "VideoXXX"; 
}; 
var movie = new Movie(); 
(function inherit(parent,child){ 
  for(var ele in parent){ 
    if(!child[ele]) // child             ，    parent    
      child[ele] = parent[ele]; 
    } 
})(video,movie); //          

alert(movie.size); //3 
alert(movie.toString()); //[object Object] 
alert(movie.getName()); //VideoXXX

 
그러나 이런 방법 은 순수 하 게 계승 되 지 않 는 다. 이 를 통 해 알 수 있 듯 이 toString 방법 은 원생 방법 이기 때문에 var ele in parent 로 옮 겨 다 닐 수 없다.
부모 클래스 의 어떤 방법 만 덮어 쓰 려 면 콜 이나 apply 를 사용 하여 방법의 this 대 이동 을 시도 할 수 있 습 니 다.
원형 체인 계승 은 가장 자 연 스 럽 고 친화력 있 는 계승 방식 으로 보이 지만 지난 절 에서 단일 모델 에 대한 처 리 를 기억 하 십 니까?저 는 getInstance 방법 을 사용 하여 new 가 아 닌 유일한 인 스 턴 스 를 얻 었 습 니 다. 이러한 원형 은 실제 사례 화 에 도움 이 되 지 않 습 니 다.

var Player = (function(){ 
  Player = function(){ //       
  throw new Error("Can not instantiate a Player object."); 
}; 

Player.MIN_EXTENDED_TIME = 1; 
Player.MAX_EXTENDED_TIME = 3; 
Player._player = false; 

Player.getInstance = function(){ 
  if(!Player._player){ 
    alert("Init..."); 
    Player._player = { 
      _name : name, 
      setName : function(name){ 
        this._name = name; 
      }, 
      toString : function(name){ 
        return "Player: " + this._name; 
      } 
    }; 
  } 
  return Player._player; 
  }; 
  return Player; //      Player         
})(); 

 
지금, 나 는 윈도 미디어 플레이 어 를 만들어 서 위의 플레이 어 를 계승 하려 고 합 니 다. 어떻게 합 니까?
여기 서 두 가지 사고방식 을 제공한다.
(1) Player 의 인 스 턴 스 를 가 져 온 다음 인 스 턴 스 의 방법 과 속성 을 옮 겨 다 니 며 새로운 윈도 미디어 Player 를 만 듭 니 다. 다른 속성 은 Player 를 복사 하지만 getInstance 방법 만 복사 해 야 합 니 다.이 방식 은 우아 하지 않 고 getInstance 방법 은 복잡 하고 지루 할 수 있 으 며 좋 은 생각 이 아 닐 수도 있 습 니 다.
(2) 대상 디자인 의 측면 에서 볼 때 하나의 사례 의 유형 은 그 자체 가 계승 되 기 에 적합 하지 않다. 그러면 Player 를 순수한 추상 층 으로 만들어 서 하나의 사례 로 이 일 을 하위 클래스 인 Window MediaPlayer 에 맡 기 는 것 이 좋 겠 다.이 방식 은 훨씬 좋 습 니 다. 어떻게 하나의 function 을 추상 층 으로 만 드 는 지 에 대해 서 는 하하, 우리 다음 에 다시 이야기 합 시다.
 
PS: 더 많은 상속 방식 은 여기, 이곳 참조 하 시기 바 랍 니 다.
 
문장 은 본인 이 창작 한 것 이 니, 전재 할 때 작자 와 출처 를 명기 해 주 십시오