理解觀察者模式

簡單的講，一個對象作為特定任務或是另一對象的活動的觀察者，并且在這個任務或活動發生時，利用事件的形式通知觀察者。

觀察者的使用場合

當一個對象的改變需要同時改變其它對象，并且它不知道具體有多少對象需要改變的時候，就應該考慮使用觀察者模式。

例如，用戶A，B，C分別訂閱某服務，當服務有更新是可設定更新、下載等操作。

模擬實現

定義Observable對象，其內部包含了2個方法：add（訂閱）與fire（發布）方法

// 觀察者 var Observable = {callbacks: [],add: function(fn) {this.callbacks.push(fn);},fire: function() {this.callbacks.forEach(function(fn) {fn();})} }

訂閱

1 Observable.add(function() { 2 console.log(1); 3 }) 4 Observable.add(function() { 5 console.log(2); 6 })

發布

Observable.fire(); // 1, 2

實際應用

實際業務中，如請求某個ajax后需要執行多個方法，數據處理、渲染頁面、其他業務等，可以使用觀察者

1 Observable.add(function() { 2 //pocessData 3 }) 4 5 Observable.add(function() { 6 $('test').html(data.a) 7 $('test2').html(data.b) 8 $('test3').html(data.c) 9 }) 10 11 Observable.add(function() { 12 //pocessOther 13 }) 14 15 $.ajax({ 16 url: "test.html", 17 context: document.body 18 }).done(function(data) { 19 Observable.fire(data) 20 })

?

轉載于:https://www.cnblogs.com/huair_12/p/4175549.html

總結

以上是生活随笔為你收集整理的（四）JS学习笔记 - 模式 - 观察者模式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。