JavaScript 디자인 패턴 모양 패턴 예제_javascript 기술

외관 모드(외관 모드)는 비교적 간단하고 유비쿼터스적인 모드입니다. 모양 패턴은 클라이언트나 하위 시스템이 더 쉽게 호출할 수 있도록 하는 높은 수준의 인터페이스를 제공합니다.

간단한 코드를 사용해 표현해보세요:

코드 복사 코드는 다음과 같습니다.

var getName = 함수(){
“svenzeng” 반환
}
var getSex = function(){
'남자'를 돌려주세요
}

getName 및 getSex 함수를 별도로 호출해야 하는 경우 상위 수준 인터페이스 getUserInfo를 사용하여 호출할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

var getUserInfo = function(){
var 정보 = a() b();
반품 정보;
}

대답은 뻔합니다. 오리구이 1인분, 양배추 1인분을 주문했다고 해서 구내식당 볶음요리사가 같은 냄비에 두 가지 요리를 볶지는 않습니다. 그는 오히려 당신에게 오리구이 밥 세트를 제안할 것입니다. 또한 프로그래밍에서는 기능이나 개체가 가능한 한 합리적인 수준으로 세분화되도록 해야 합니다. 결국 모든 사람이 오리구이를 좋아하는 것은 아니며 양배추도 좋아하는 것입니다.

외형 모드의 또 다른 이점은 최고 수준 인터페이스에만 관심이 있는 사용자에게 실제 구현 세부 정보를 숨길 수 있다는 것입니다. 예를 들어 오리구이밥 세트 이야기에서는 셰프가 오리구이를 먼저 요리하든, 배추를 먼저 요리하든 상관 없고, 오리가 어디서 자랐는지도 상관하지 않습니다.

마지막으로 우리 모두가 사용한 모양 모드의 예를 작성해 보겠습니다.

코드 복사 코드는 다음과 같습니다.

var stopEvent = function( e ){ //이벤트 기본 동작과 버블링을 동시에 중지
e.stopPropagation();
e.preventDefault();
}