javascript 디자인 모델 C 외관 모델 원리 와 용법 사례 분석

본 논문 의 사례 는 자바 script 디자인 모델 C 외관 모델 의 원리 와 용법 을 서술 하 였 다.여러분 께 참고 하도록 공유 하 겠 습 니 다.구체 적 으로 는 다음 과 같 습 니 다.
소개:외관 모델 은 사용 빈도 가 매우 높 은 구조 형 디자인 모델 로 하나의 외관 역할 을 도입 하여 클 라 이언 트 와 서브 시스템 간 의 상호작용 을 간소화 하고 복잡 한 서브 시스템 호출 에 통 일 된 입 구 를 제공 하 며 시스템 의 복잡 도 를 숨 기 고 서브 시스템 과 클 라 이언 트 의 결합 도 를 낮 춘 다.
정의:서브 시스템 의 인터페이스 에 통 일 된 입 구 를 제공 합 니 다.외관 모드 는 고 층 인 터 페 이 스 를 정의 합 니 다.이 인 터 페 이 스 는 이 서브 시스템 을 더욱 쉽게 사용 할 수 있 습 니 다.
장면:우 리 는 원 을 그 리 는 방식 으로 외관 모델 을 소개 하 는 것 이 좋 겠 다.
예시:

var Rectangle = function(){
  this.draw = function(){
    console.log('     ');
  }
}
 
var Circle = function(){
  this.draw = function(){
    console.log('    ');
  }
}
 
var Triangle = function(){
  this.draw = function(){
    console.log('      ');
  }
}
 
var ShapeMaker = function(){
  this.rectangle = new Rectangle();
  this.circle = new Circle();
  this.triangle = new Triangle();
 
  this.drawRectangle = function(){
    this.rectangle.draw();
  }
 
  this.drawCircle = function(){
    this.circle.draw();
  }
 
  this.drawTriangle = function(){
    this.triangle.draw();
  }
}
 
var shapeMaker = new ShapeMaker();
 
shapeMaker.drawRectangle(); //     
shapeMaker.drawCircle(); //    
shapeMaker.drawTriangle(); //      

확 트 이지 않 아 요?사실 우리 가 일상적으로 가장 자주 사용 하 는 것 은 외관 모델 이다.우리 의 도구 류,jquery,일부 브 라 우 저 호 환 을 포함 하여 우 리 는 그들 을 한 대상 에 밀봉 할 것 입 니 다.
이것 이 바로 외관 모델 이 제창 하 는 복잡 한 조작 을 간단 한 인터페이스 에 밀봉 하 는 것 이다.거의 모든 여러 업무 대상 의 상호작용 과 관련 된 장면 은 외관 모델 로 재 구성 하 는 것 을 고려 할 수 있다.
외관 모드 요약:
장점:
*클 라 이언 트 에 대해 서브 시스템 구성 요 소 를 차단 하고 클 라 이언 트 가 처리 해 야 할 대상 수 를 줄 이 며 사용 편의 도 를 향상 시 킵 니 다.
*클 라 이언 트 와 서브 시스템 간 의 느슨 한 결합 관 계 를 실현 하여 서브 시스템 의 변화 가 클 라 이언 트 에 영향 을 주지 않 습 니 다.
단점:
*클 라 이언 트 가 서브 시스템 클래스 를 직접 사용 하 는 것 을 잘 제한 할 수 없습니다.
*디자인 이 잘못 되면 새로운 서브 시스템 을 추가 하려 면 외관 류 의 소스 코드 를 수정 해 야 할 수도 있 고 스위치 원칙 에 어 긋 날 수도 있 습 니 다.
적용 필드:
*복잡 한 서브 시스템 에 간단 한 입 구 를 제공 해 야 할 때 외관 모드 를 사용 할 수 있 습 니 다.
관심 있 는 친 구 는 온라인 HTML/CSS/JavaScript 코드 실행 도 구 를 사용 할 수 있 습 니 다.http://tools.jb51.net/code/HtmlJsRun상기 코드 실행 효 과 를 테스트 할 수 있 습 니 다.
자 바스 크 립 트 관련 내용 에 관심 이 있 는 독자 들 은 본 사이트 의 주 제 를 볼 수 있 습 니 다.,,,,,javascript 대상 입문 강좌,JavaScript 오류 및 디 버 깅 기술 요약,JavaScript 데이터 구조 와 알고리즘 기술 총화과JavaScript 스 트 리밍 알고리즘 및 기술 총화.
본 고 에서 말 한 것 이 여러분 의 자 바스 크 립 트 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.