집 > 기사 > 웹 프론트엔드 > JS 디자인 패턴 중 빌더 패턴에 대한 자세한 설명

JS 디자인 패턴 중 빌더 패턴에 대한 자세한 설명

php中世界最好的语言원래의: 2018-03-14 14:09:451752검색

이번에는 JSDesign Pattern의 Builder Mode에 대해 자세히 설명하고, JS Builder Mode 사용 시 Notes는 무엇인지 살펴보겠습니다.

개념
빌더 패턴은 복잡한 객체의 구성을 표현에서 분리할 수 있으므로 동일한 구성 프로세스가 다른 표현을 만들 수 있습니다. 빌더 패턴을 사용하는 경우 사용자는 이를 얻기 위해 빌드할 유형을 지정해야 하며 특정 구성 프로세스 및 세부 사항을 알 필요가 없습니다. 빌더 패턴은 실제로 커맨더를 사용하여 특정 빌더를 호출하여 작업하고 결과를 얻는 커맨더, 빌더 및 클라이언트입니다. 주로 "단계적으로 복잡한 개체 만들기"에 사용됩니다

기능 및 주의 사항

모드 기능:

단계별로 복잡한 개체 만들기

캡슐화 프로세스를 분리하고 구체적으로 구성 요소를 생성

어떻게 할지 신경 쓸 필요가 없습니다. 구성 요소가 조립됩니다

참고:

안정적인 알고리즘에 의해 지원되어야 합니다("단계별"은 안정적인 알고리즘입니다)

처리 기술이 노출됩니다

기본 원리를 이해한 후 다음을 살펴보겠습니다. 그러면 당신은 이 건설 모델에 대해 더 깊이 이해하게 될 것입니다.

Example

부자는 빌라를 지어야 하고, 계약자를 직접 찾고, 계약자는 빌라를 지을 일꾼을 찾습니다. 이곳의 지역 재벌들은 일일이 일꾼을 구하러 갈 필요가 없습니다. 계약자가 부자의 필요를 아는 한, 그는 일꾼을 찾으러 가고, 일꾼은 일을 합니다. 부자는 집을 짓는 방법을 알 필요가 없으며 결국 집을 얻을 수 있습니다. .

   //1.产出东西是房子 
            //2.包工头调用工人进行开工而且他要很清楚工人们具体的某一个大项 
            //3.工人是盖房子的 工人可以建厨房、卧室、建客厅 
            //4.包工头只是一个接口而已 他不干活 他只对外说我能建房子
            function House() { 
                this.kitchen = ""; this.bedroom = ""; this.livingroom = ""; 
            }; 
            function Contractor() { 
                this.construct = function(worker) { 
                    worker.construct_kitchen(); worker.construct_bedroom(); worker.construct_livingroom(); 
                } 
            }; 
            function Worker() {
                this.construct_kitchen =function() { 
                    console.log("厨房建好了"); 
                } 
                this.construct_bedroom = function() { 
                    console.log("卧室建好了"); 
                } 
                this.construct_livingroom = function() { 
                    console.log("客厅建好了"); 
                }                this.submit = function() {
                    var _house = new House(); 
                    _house.kitchen = "finished"; 
                    _house.bedroom = "finished"; 
                    _house.livingroom = "finished"; 
                    return _house; 
                }
            }; 
            var worker = new Worker(); 
            var contractor = new Contractor(); 
            contractor.construct(worker); 
            // 主人要房子 var myhouse = worker.submit(); console.log(myhouse);

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!