javascript 디자인 모델 – 프 록 시 모델 원리 와 용법 사례 분석

2886 단어
본 논문 의 사례 는 자바 script 디자인 모델 – 대리 모델 원리 와 용법 을 서술 하 였 다.여러분 께 참고 하도록 공유 하 겠 습 니 다. 구체 적 으로 는 다음 과 같 습 니 다.
소개: 대 리 는 우리 로 하여 금 흔히 볼 수 있 는 여러 모델, proxy, nginx 를 모두 대리 라 고 부 릅 니 다. 대 리 는 무슨 뜻 입 니까?대리 모델 은 클 라 이언 트 와 목표 대상 사이 에 새로운 대리 대상 을 추가 하고 대리 대상 은 중개 역할 을 하 며 고객 이 볼 수 없 는 내용 과 서 비 스 를 제거 하거나 고객 이 필요 로 하 는 추가 서 비 스 를 추가 합 니 다.
정의: 특정한 대상 에 게 대 리 를 제공 하고 대리 대상 이 원래 대상 에 대한 인용 을 제어 합 니 다.프 록 시 모드 는 대상 구조 형 모델 이다.
장면: 우 리 는 도형 을 그 리 는 것 을 예 로 들 어 저 는 모든 그림 그리 기 동작 을 Shape 류 에 포장 하고 대리 모델 로 일부 개방 기능 을 고객 에 게 제공 합 니 다.
예시:

var Shape = function(color){
  console.log('       ');
  this.color = color;
  this.x;
  this.y;
  this.radius;
 
  this.setAttr = function(x, y, radius){
    this.x = x;
    this.y = y;
    this.radius = radius;
  }
  this.drawCircle = function(){
    console.log('  :   :' + this.color + ' x:' + this.x + ' y:' + this.y + ' radius:' + this.radius)
  }
  this.drawSquare = function(){
    console.log('  :   :' + this.color + ' x:' + this.x + ' y:' + this.y )
  }
  this.drawTriangle = function(){
    console.log('   :   :' + this.color + ' x:' + this.x + ' y:' + this.y )
  }
}
 
var proxyShape = function(color, x, y, radius){
  this.color = color;
  this.x = x;
  this.y = y;
  this.radius = radius;
  this.shape = null;
  this.drawSquare = function(){
    if(this.shape === null){
      this.shape = new Shape(this.color);
      this.shape.setAttr(this.x, this.y, this.radius);
    }
    this.shape.drawSquare();
  }
}
 
var square = new proxyShape('red', 10, 10);
square.drawSquare();
square.drawSquare();
//        
//   :   :red x:10 y:10
//   :   :red x:10 y:10


proxy Shape 에 로그, 권한 등 작업 을 추가 할 수 있 습 니 다.프 록 시 클래스 가 존재 하기 때문에 새로 추 가 된 작업 은 Shape 클래스 에 영향 을 주지 않 습 니 다.
프 록 시 모드 는 대상 의 프로필 방문 에 해결 방안 을 제공 하여 대상 의 방문 을 제어 할 수 있 습 니 다.
프 록 시 모드 요약:
장점: * 프 록 시 모드 는 호출 자 와 호출 되 는 것 을 조정 하여 시스템 결합 도 를 어느 정도 낮 출 수 있 습 니 다.
단점: * 프 록 시 대상 이 추가 되 었 기 때문에 일부 유형의 프 록 시 모드 는 요청 한 처리 속도 가 느 려 질 수 있 습 니 다. *대리 모델 을 실현 하려 면 추가 적 인 업무 가 필요 하고 일부 대리 모델 의 실현 은 매우 복잡 하 다.
적용 장면: * 클 라 이언 트 가 원 격 호스트 의 대상 을 방문 해 야 할 때 원 격 에이 전 트 를 사용 할 수 있 습 니 다. *자원 소모 가 적은 대상 으로 자원 소모 가 많은 대상 을 대표 해 야 할 때 가상 에이 전 트 를 사용 할 수 있 습 니 다 * 대상 의 접근 을 제어 하고 사용자 에 게 서로 다른 단계 의 접근 권한 을 제공 해 야 할 때 보호 에이 전 트 를 사용 할 수 있 습 니 다
관심 있 는 친 구 는 온라인 HTML / CSS / JavaScript 코드 실행 도 구 를 사용 할 수 있 습 니 다.http://tools.jb51.net/code/HtmlJsRun상기 코드 운행 효 과 를 테스트 합 니 다.
자 바스 크 립 트 관련 내용 에 관심 이 있 는 독자 들 은 본 사이트 의 주 제 를 볼 수 있 습 니 다.
본 고 에서 말 한 것 이 여러분 의 자 바스 크 립 트 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.

좋은 웹페이지 즐겨찾기