>웹 프론트엔드 >JS 튜토리얼 >자바스크립트 디자인 패턴 시리즈 8: 외관 패턴

자바스크립트 디자인 패턴 시리즈 8: 외관 패턴

不言
不言원래의
2018-04-02 14:23:561046검색

이 글에서는 JavaScript 디자인 패턴의 여덟 번째 시리즈를 공유합니다: 모양 모드. 관심 있는 친구들은 한 번 살펴보세요

모양 모드

모양 모드는 여러 다른 하위 시스템에 액세스할 수 있는 통합 인터페이스를 제공하는 것을 의미합니다. 하위 시스템의 인터페이스 집합에 대한 레벨 인터페이스입니다. 이는 클래스의 인터페이스를 단순화할 뿐만 아니라 호출자와 인터페이스를 분리하여 하위 시스템을 사용하기 쉽게 만듭니다.
외모 모드는 일상 업무에서 매우 일반적입니다.

예를 살펴보겠습니다.

// a.js
export default {
  getA (params) {
    // do something...
  }
}

// b.js 
export default {
  getB (params) {
    // do something...
  }
}

// app.js  外观模式为子系统提供同一的高层接口
import A from './a'
import B from './b'
export default {
  A,
  B
}
// 通过同一接口调用子系统

import app from './app'

app.A.getA(params);
app.B.getB(params);

어댑터 패턴과의 차이점

어댑터 패턴은 객체를 래핑하여 인터페이스를 변경하는 반면, 모양 패턴은 객체 그룹을 래핑하여 인터페이스를 단순화합니다.
어댑터는 인터페이스를 다른 인터페이스로 변환하는 반면, 모양 패턴은 인터페이스를 단순화하기 위한 통합 인터페이스를 제공합니다.

관련 권장 사항:

JavaScript 디자인 패턴 시리즈 3: 빌더 패턴

JavaScript 디자인 패턴 시리즈 5: 어댑터 패턴



위 내용은 자바스크립트 디자인 패턴 시리즈 8: 외관 패턴의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.