Node.js 디자인 패턴: 명령 패턴이란 무엇입니까? js 명령 모드 소개

이 기사에서는 js 디자인 패턴에 대한 내용을 제공합니다. 명령 패턴이란 무엇입니까? js 명령 모드의 도입에는 특정 참고 가치가 있습니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

명령 모드란 무엇인가요?

정의: 요청을 객체로 캡슐화하여 다양한 요청으로 클라이언트를 매개변수화할 수 있습니다.

주요 솔루션: 소프트웨어 시스템에서 동작 요청자와 동작 구현자는 일반적으로 긴밀하게 결합된 관계를 갖지만, 동작을 기록해야 하거나 실행 취소 또는 다시 실행해야 하는 경우, 트랜잭션 등의 경우에는 이러한 종류의 긴밀하게 결합됩니다. 변화에 저항하지 못하는 디자인은 적합하지 않습니다.

사용 시기: "기록, 실행 취소/다시 실행, 트랜잭션" 및 기타 동작 처리와 같은 일부 상황에서는 변경을 거부할 수 없는 이러한 유형의 긴밀한 결합은 부적절합니다. 이 경우 "행동 요청자"와 "행동 구현자"를 분리하는 방법은 무엇입니까? 일련의 동작을 개체로 추상화하면 동작 간의 느슨한 결합을 달성할 수 있습니다.

해결 방법: 발신자를 통해 수신자를 호출하여 명령을 실행합니다. 순서는 발신자 → 수신자 → 명령입니다.

키 코드: 세 가지 역할 정의: 1. 수신된 실제 명령 실행 개체 2. 명령 3. 호출자는 명령 개체의 입구를 사용합니다.

js 명령 모드 장점: 1. 시스템 결합을 줄입니다. 2. 새로운 명령을 시스템에 쉽게 추가할 수 있습니다.

js 명령 모드 단점: 명령 모드를 사용하면 일부 시스템에서 특정 명령이 너무 많아질 수 있습니다.

js 명령 모드 사용 시나리오: 명령 모드는 명령이 고려되는 모든 곳에서 사용할 수 있습니다. 예: 1. GUI의 모든 버튼은 명령입니다. 2. CMD를 시뮬레이션합니다.

참고: 시스템은 명령의 실행 취소(Undo) 작업 및 복구(Redo) 작업을 지원해야 합니다. 명령 모드의 확장을 참조하세요.

js 명령 모드

명령 모드는 JavaScript에서도 비교적 간단하므로 다음 코드에서 按钮和命令를 추출하므로 복잡한 프로젝트에서 명령 모드를 사용하여 인터페이스 코드와 함수 코드를 다른 사람들에게 전달하여 작성할 수 있습니다.

const setCommand = function(button, command) {
    button.onClick = function() {
        command.excute()
    }
}

// --------------------  上面的界面逻辑由A完成，下面的由B完成

const menu = {
    updateMenu: function() {
        console.log('更新菜单')
    },
}

const UpdateCommand = function(receive) {
    return {
        excute: receive.updateMenu,
    }
}

const updateCommand = UpdateCommand(menu) // 创建命令

const button1 = document.getElementById('button1')
setCommand(button1, updateCommand)

관련 추천:

js 디자인 패턴: 관찰자 패턴(게시-구독 패턴)이란 무엇인가요? js 관찰자 패턴 소개

js 디자인 패턴: 반복자 패턴이란 무엇인가요? JS 반복자 패턴 소개

위 내용은 Node.js 디자인 패턴: 명령 패턴이란 무엇입니까? js 명령 모드 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!