javascript 디자인 모델 C 프 록 시 모델 원리 와 용법 사례 분석
소개:대 리 는 우리 로 하여 금 흔히 볼 수 있 는 여러 모델,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상기 코드 실행 효 과 를 테스트 할 수 있 습 니 다.
자 바스 크 립 트 관련 내용 에 관심 이 있 는 독자 들 은 본 사이트 의 주 제 를 볼 수 있 습 니 다.,,,,,javascript 대상 입문 강좌,JavaScript 오류 및 디 버 깅 기술 요약,JavaScript 데이터 구조 와 알고리즘 기술 총화과JavaScript 스 트 리밍 알고리즘 및 기술 총화.
본 고 에서 말 한 것 이 여러분 의 자 바스 크 립 트 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Thymeleaf 의 일반 양식 제출 과 AJAX 제출텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.