패턴이란
얼마 전 기말고사를 준비하다가 너무 힘들고 피곤해서 기사를 업데이트할 시간이 없었습니다. 오늘은 JavaScript의 디자인 패턴에 대해 이야기하겠습니다.
먼저 우리가 알아야 할 것은 패턴은 재사용 가능한 솔루션인 반면, 안티패턴은 특정 문제에 대한 빈약한 솔루션이라는 것입니다.
JS 안티 패턴의 일반적인 예
1. 함수 대신 setTimeout 및 setInterval에 문자열을 전달하면 eval()의 내부 사용이 시작됩니다.
2. 전역 컨텍스트에서 다수의 변수를 정의하여 전역 네임스페이스를 오염시키세요
3. Object 클래스의 프로토타입 수정
4. HTML 파일에 포함된 js 코드는 외부 단위 테스트 도구에 포함될 수 없습니다.
5. document.write 남용 페이지가 로드된 후 document.write가 실행되면 현재 있는 페이지가 다시 작성됩니다. 대신 document.creatElement를 사용할 수 있다면 document.write를 사용하지 마십시오.
디자인 패턴의 카테고리
창의적인 디자인 패턴
창의적인 디자인 패턴은 주어진 상황에 적합한 방식으로 객체를 생성하기 위해 객체 생성 메커니즘을 처리하는 데 중점을 둡니다. 이 카테고리에 속하는 자산은 다음과 같습니다.
생성자, 팩토리, 추상, 프로토타입, 싱글톤 및 빌더
구조적 디자인 패턴
구조 패턴은 객체 구성에 관한 것이며 종종 다양한 객체 간의 관계를 설정하는 간단한 방법을 찾는 데 사용될 수 있습니다.
이 카테고리에 속하는 패턴은 다음과 같습니다.
데코레이터, 파사드 외관, 플라이웨이트, 어댑터 어댑터 및 프록시 에이전트
행동 디자인 패턴
행동 패턴은 시스템 내 다양한 개체 간의 통신을 개선하거나 단순화하는 데 중점을 둡니다.
행동 패턴은 다음과 같습니다.
반복자, 중재자, 관찰자 및 방문자
공장 모드
유사한 객체가 여러 개 선언되는 문제를 해결하기 위해 팩토리 패턴이라는 방법을 사용할 수 있습니다. 이 방법은 객체를 인스턴스화할 때 다수의 중복 문제를 해결하는 것입니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
