javascript 디자인 모델 C 어댑터 모델 원리 와 응용 사례 분석

본 논문 의 사례 는 자바 script 디자인 모델 C 어댑터 모델 의 원리 와 응용 을 서술 하 였 다.여러분 께 참고 하도록 공유 하 겠 습 니 다.구체 적 으로 는 다음 과 같 습 니 다.
소개:어댑터 모드 의 발생 도 구체 적 인 문제 에서 비롯 되 었 습 니 다.mac 를 예 로 들 면 저 는 mac 로 VGA 를 직접 연결 할 수 없고 네트워크 인 터 페 이 스 를 직접 연결 할 수 없습니다.이것 은 일부 커 넥 터 를 제공 하여 특수 한 인 터 페 이 스 를 우리 의 전선 입구 와 연결 해 야 합 니 다.
이 과정 에서 커 넥 터 는 어댑터 에 해당 하고 mac 는 커 넥 터 에 의 해 확장 되 기 때문에 mac 는 어댑터 라 고 부 릅 니 다.어댑터 의 주요 역할 은 클 라 이언 트 의 요청 을 어댑터 인터페이스 에 대한 호출 로 바 꾸 는 것 이다.많은 장면 에서 인터페이스 가 호 환 되 지 않 기 때문에
하나의 매개 변수 가 많 고 하나의 매개 변수 가 적 으 며 매개 변수 형식 이 정확 하지 않 으 며 호출 순서 등 문제 로 인해 직접적 으로 서로 호출 할 수 없습니다.어댑터 는 바로 이 사 이 를 조화 시 키 는 방법 입 니 다.
정의:하나의 인 터 페 이 스 를 고객 이 원 하 는 다른 인터페이스 로 전환 하여 인터페이스 가 호 환 되 지 않 는 클래스 들 이 함께 작업 할 수 있 도록 합 니 다.별명 은 포장 기(Wrapper)입 니 다.어댑터 모드 는 클래스 구조 형 모드 일 수도 있 고 대상 구조 모델 일 수도 있다.
장면:우 리 는 한 장면 을 가설 합 니 다.Common 구성 요소 에 서 는 배열 의 정렬 과 조회 방법 을 제공 하 며 배열 과 조회 조건 을 동시에 전달 해 야 합 니 다.하지만 지금 은 내 가 배열 의 위 치 를 얻 을 수 있 고 내 가 결 과 를 찾 는 위 치 를 사용 할 수 있 는 장면 이 하나 있 습 니 다.
그래서 우 리 는 허리 가 아 픈 어댑터 가 이런 장면 에 적합 하 게 호 환 되 었 다.
예시:

var Common = function(){
  this.QuickSort = function(arr){
    console.log('QuickSort')
  };
  this.searchBykey = function(arr,key){
    console.log('sort');
  }
}
 
var OperationAdapter = function(){
  this.QuickSort = new Common();
  this.arr = [];
  this.setArr = function(arr){
    this.arr = arr;
  };
  this.sort = function(){
    this.QuickSort.QuickSort(this.arr);
  };
  this.search = function(key){
    this.QuickSort.searchBykey(this.arr, key);
  };
}
 
var adapter = new OperationAdapter();
adapter.setArr(['1', '12', '123'])
adapter.sort(); //QuickSort
adapter.search('123'); //sort

어댑터 모드 요약:
장점:
*어댑터 와 의 결합 을 사용 하고 어댑터 를 통 해 맞 춤 형 수 요 를 해결 하 며 기 존 구 조 를 수정 할 필요 가 없습니다.
*하나의 어댑터 는 여러 개의 서로 다른 어댑터 를 같은 목표 에 맞 출 수 있 습 니 다.
*어댑터 의 유연성 과 확장 성 이 뛰 어 나 고 수정 을 추가 하 는 것 도 편리 하 며 개폐 원칙 에 부합
단점:
*어댑터 와 업무 결합 이 심해 서 어댑터 의 수정 은 모든 사용 장면 을 고려 해 야 합 니 다.
적용 필드:
*시스템 은 기 존 클래스 를 사용 해 야 하 며,기 존 클래스 는 시스템 요구 에 부합 되 지 않 음
관심 있 는 친 구 는 온라인 HTML/CSS/JavaScript 코드 실행 도 구 를 사용 할 수 있 습 니 다.http://tools.jb51.net/code/HtmlJsRun상기 코드 실행 효 과 를 테스트 할 수 있 습 니 다.
자 바스 크 립 트 관련 내용 에 관심 이 있 는 독자 들 은 본 사이트 의 주 제 를 볼 수 있 습 니 다.,,,,,javascript 대상 입문 강좌,JavaScript 오류 및 디 버 깅 기술 요약,JavaScript 데이터 구조 와 알고리즘 기술 총화과JavaScript 스 트 리밍 알고리즘 및 기술 총화.
본 고 에서 말 한 것 이 여러분 의 자 바스 크 립 트 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.