JS 관찰자 모드

디자인 패턴 - 옵저버 모드

A : 개념 :

옵저버 패턴 (알려진 자료 - / 게시 (구독하기 구독) 모드는 여러 개체가 동시에 특정 테마 객체를 모니터링 많은 관찰자 하나의 종속 관계를 정의하는 행동 패턴이다 상태가 변경되면 자동으로 업데이트 할 수 있도록, 모든 관찰자 개체를 알려줍니다이 주제 객체입니다.

어린이 신발은 다음 블로그에서 볼 수 있는지 알고 싶어있다, 많은 유사점이있다, 관찰자 모드 및 구독 모델은 실제로 다른 게시하지만, 거의 같은 : 참고 :

링크 : https://molunerfinn.com/observer-vs-pubsub-pattern/#%E6%A6%82%E8%BF%B0

II : 해석

밤나무의 경우 :

당신이 일 가정 지구를 구입하는 가게에 가면, 당신은 사과를 원하지만 보스는 애플이 그들 만이 구입하기 전에 다음 구매 다시, 당신은 상사 기다릴 수 다음 시간까지 기다릴 필요가 구매, 판매하지 않았다, 그러나 당신은 모른다 당신과 상사가 논의 할 수 있도록 보스 샤시 허우 구매, 이제 다음 보스 처음 구입, 당신을위한 사과 대기 한 후, (여기에 가입 상당) 애플의 감독을 넣어 돈을주고, 그래서 당신은 할 수 소유자가 사과를 먹고 구입 처음으로,이 단순한 관찰자 모드입니다.

사실, 우리는 또한 관찰자가 일반 모드에서 사용했지만, 우리는 그것을 통지 간단한 예를 포기하지 않았다 : 우리는 위의 DOM 노드의 이벤트 기능을 결합했다, 우리는 옵저버 패턴을 사용하고, JS해야한다 DOM은 관찰자 모드 사이에서 달성된다.

document.body.addEventListener ( " 의 Click " 함수 () { 
    경고 ( " 헬로 월드 " ) 
}, false로 ) 
document.body.click () // 시뮬레이션 사용자가 클릭

JS는 관찰자보다 더, DOM은 DOM 클릭 이벤트에 추가, 관찰자가 될 것입니다은 DOM을 클릭하면, DOM은 '( "안녕하세요")을 경고'JS 트리거를 통지 할 DOM에 가입하는 것과 같습니다

참고 블로그 :

https://www.cnblogs.com/loveyt/p/10778986.html

https://srtian96.gitee.io/blog/2018/05/21/JavaScript%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F%E4%B9%8B% E8 %의 A7의 % 82 % E5 % AF % 9F % E8 % 80 % 85 %의 E6 %의 A8의 %의 A1 %의 E5 % 기원전 %의 8F /

추천