모듈패턴 예제

다음으로 모듈에서 호출할 공용 메서드를 만들 수 있습니다. 모듈 외부의 코드에 이 메서드를 노출하기 위해 정의된 메서드를 사용하여 Object를 반환합니다. 또한 나중에 개체에 추가되는 메서드에서는 개인 멤버에 액세스할 수 없습니다. 즉, 대부분의 경우 모듈 패턴은 여전히 매우 유용하며 올바르게 사용하면 응용 프로그램의 구조를 향상시킬 수 있습니다. 자바 스크립트에서 모듈 패턴을 사용하여 코드 캡슐화를 달성 할 수 있습니다. 또한 개인 및 공용 속성을 만드는 데 사용됩니다. 모듈 패턴을 구현할 수 있는 방법에는 여러 가지가 있습니다. 이 문서에서는 ES5에서 모듈 패턴을 만드는 방법을 배웁니다. 모듈 패턴의 구현을 살펴보기 전에 몇 가지 이점이 있습니다. 사용 예제를 포함하지 는 않았지만 새 생성자 패턴을 사용하지 않는다고 가정합니다.이 경우 timepick의 호출자가 됩니다. 반환 값으로 덮어쓰는 함수의 호출을 갖는 것은 위험해 보입니다.

사용 사례에서 누락 된 것을 누락 할 수 있습니다 위의 예제에서는 새 범위 내에서 로컬로 선언된 함수 privateMethod를 선언합니다. 모듈 외부의 아무 곳이나 호출을 시도하면 오류가 발생하며 JavaScript 프로그램이 중단됩니다! 우리는 누구도 우리의 방법, 특히 데이터를 조작하고 서버로 앞뒤로 갈 수있는 메서드를 호출 할 수 있기를 원하지 않습니다. 이제 는 더 이상 공개 모듈 패턴이 아니라 다른 구문이있는 일반 모듈 패턴일 뿐입니다. 그러나 최종 패턴은 모든 기능을 사용할 것이라는 점을 보여 드리기 때문에 패턴과 변형을 모두 이해하는 것이 중요합니다. 공개 모듈 패턴의 이점은 모듈 의 하단을 살펴보고 공개적으로 사용할 수 있는 것을 빠르게 확인할 수 있다는 것입니다. 우리는, 코드를 공유 주셔서 감사합니다. 당신이하고있는 것은 기본적으로 모듈 패턴과 동일합니다. 변수에 공용 속성을 첨부하고 반환합니다. 그러나 나에게 약간 혼란스러운 몇 가지가 있습니다 :- 모듈 패턴은 JavaScript에서 사용되는 가장 일반적인 디자인 패턴 중 하나이며 좋은 이유가 있습니다. 모듈 패턴은 사용하기 쉽고 코드의 캡슐화를 만듭니다.

모듈은 일반적으로 인스턴스가 하나만 있는 단일 스타일 개체로 사용됩니다. 모듈 패턴은 서비스 및 테스트/TDD에 적합합니다. 모듈 패턴의 많은 다른 변화가 있으므로 지금은 ES5의 기본 사항과 공개 모듈 패턴을 다룰 것입니다. 이것은 우리에게 우리가 사용하는 응용 프로그램의 다른 부분을 원하는 인터페이스를 노출하는 동안 무거운 리프팅을수행하는 차폐 논리에 대한 깨끗한 솔루션을 제공합니다. 이 패턴은 함수가 아닌 개체가 반환된다는 점을 제외하면 즉시 호출되는 함수 식[1]과 매우 유사합니다. 다음은 두 개의 보호된 멤버(유틸리티 개체 자체 포함)와 하나의 공용 멤버가 있는 첫 번째 모듈의 예입니다. 코드 예제를 짧게 유지하려면 유틸리티 함수는 빈 셸일 뿐이지만 잠시 전에 보여 드린 함수와 동일합니다. 개인 변수를 삭제한 다음 공개 참조를 삭제합니다. 이러한 종속성은 백그라운드에서 로드되고(비차단 방식으로) 로드된 정의는 콜백 함수를 호출합니다. 다행히도 TC39(ECMAScript의 구문및 의미체계를 정의하는 표준 본문)의 스마트 한 사람들은 ECMAScript 6 (ES6)가있는 내장 모듈을 도입했습니다.

 
Mobile Site

Follow Us On Facebook Follow Us On Twitter Follow Us On Google + Follow Us On LinkedIn Follow Us On You Tube Copyright 2019 © All Rights Reserved. Powered by - ARE Network Solutions